Obsah
Podčiarknutie v HTML bolo skôr záležitosťou uzavretia textu medzi značkami u> / u>, ale táto metóda sa odvtedy skončila v prospech univerzálnejšieho CSS. Podčiarknutie na webových stránkach sa všeobecne považuje za nepríjemný spôsob zdôraznenia konkrétnej časti textu. Je to tak preto, lebo podčiarknutý text sa dá ľahko zameniť s odkazom.
Na krok
Metóda 1 z 2: Súčasná metóda
Použite vlastnosť textová výzdoba vo svojom štýle CSS. Používanie značky u> už nie je vhodný spôsob podčiarknutia textu. Namiesto toho použijeme vlastnosť CSS „textová výzdoba“. - Vďaka tomu je kód ľahšie upraviteľný, aby ste nemuseli nič meniť na starom kóde, ak sa stal nepoužiteľným.
Značku span> použite, ak chcete podčiarknuť určitú časť textu. Štartovaciu značku umiestnite spolu s vlastnosťou „textová výzdoba“ tam, kde má začať podčiarknutie. Koncovú značku / rozpätie> umiestnite na miesto, kde by sa podčiarknutie malo zastaviť. span style = "text-decoration: underline;"> Toto bude podčiarknuté. / rozpätie>
Deklarujte prvky HTML v štýle> časti svojej stránky. Môžete to urobiť aj v šablóne štýlov CSS. Podčiarknutie je oveľa jednoduchšie uľahčiť priradením štýlu k prvku HTML. Napríklad na podčiarknutie všetkých hlavičiek úrovne 3 pridajte nasledujúci štýl CSS: html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Tento nadpis je podčiarknutý / h3> / body> / html>
Vytvorte triedu CSS, ktorá vám umožní kedykoľvek rýchlo podčiarknuť. Triedy môžete vytvoriť vo svojej šablóne štýlov alebo štýle>, aby sa dali neskôr zavolať. Trieda môže mať ľubovoľné meno. html> head> style> .underline {text-decoration: underline; } / style> / head> body> Túto triedu môžete použiť na rýchle podčiarknutie div> / div> z rôznych častí div> z vášho obsahu / div> / body> / html>
Zvážte ďalšie metódy zdôrazňovania textu. Je potrebné zabrániť podčiarknutiu, aby nedošlo k zámene čitateľa. Populárnou metódou je použitie značky em>, ktorá robí text kurzívou. Na ďalšie určenie tejto značky môžete použiť CSS, aby ste mali jedinečný zvýraznenie. html> head> style> em {color: red; } / style> / head> body> Všetko vo vnútri prvku em sa zmení na em> kurzíva (kvôli predvoleným nastaveniam) a červené / em> z dôvodu štýlu pridaného vyššie. / body> / html>
Metóda 2 z 2: Zastaraná metóda
Nepoužívajte staré značky u> / u>. Tieto „odrádzajú“, čo znamená, že to stále funguje, ale už sa nepoužívajú ani neodporúčajú. Je to tak preto, že HTML v zásade nie je navrhnutý ako značkovací jazyk. Značka u> bude stále fungovať, teraz je však určená na označenie textu, ktorý sa líši od ostatného textu, napríklad chybne napísané slovo alebo čínske vlastné podstatné mená. 
Na podčiarknutie použite značku u> / u> (iba na ilustráciu). Túto metódu v žiadnom prípade nepoužívajte znova. Možno je dobré vedieť, ako sa používa v prípade, že potrebujete aktualizovať staršiu webovú stránku. html> body> So starou značkou u> v HTML môžete veci rýchlo podčiarknuť / u>, ale pri použití iných štýlových prvkov sa veci rýchlo zmätkujú. Preto teraz zdôrazňujeme „dekoráciu textu“ prvkom CSS. / body> / html>
Tipy
- Takmer vždy existuje lepší spôsob, ako niečo zdôrazniť na webovej stránke, ako podčiarknutie. Pre čitateľov to môže byť veľmi mätúce. Skrášlite si text pomocou CSS, aby vynikol pozitívne.
