Conţinut
Sublinierea în HTML era o chestiune de încadrare a textului între etichetele u> / u>, dar de atunci această metodă a fost depreciată în favoarea CSS-ului mai versatil. Sublinierea în paginile web este în general considerată o modalitate incomodă de a sublinia o anumită secțiune de text. Acest lucru se datorează faptului că textul subliniat este ușor confundat cu un link.
A calca
Metoda 1 din 2: Metoda actuală
Utilizați proprietatea de decorare a textului în stilul dvs. CSS. Folosirea etichetei u> nu mai este o modalitate adecvată de a sublinia textul. În schimb, folosim proprietatea CSS „text-decoration”. - Acest lucru face codul mai ușor de modificat, astfel încât să nu trebuie să schimbați nimic despre vechiul cod dacă a devenit inutilizabil.
Utilizați eticheta span> atunci când doriți să subliniați o anumită parte a textului. Plasați eticheta de start împreună cu proprietatea „text-decoration” unde doriți să înceapă sublinierea. Plasați eticheta / intervalul de sfârșit> acolo unde ar trebui să se oprească sublinierea. span style = "text-decoration: underline;"> Acest lucru va fi subliniat./span>
Declarați elemente HTML în stilul> parte a paginii. Puteți face acest lucru și în foaia de stil CSS. Sublinierea poate fi mult mai ușoară prin asocierea unui stil cu un element HTML. De exemplu, pentru a sublinia toate antetele de nivelul 3, adăugați următorul stil CSS: html> head> style> h3 {text-decoration: subliniat; } / style> / head> body> h3> Această rubrică este subliniată / h3> / body> / html>
Creați o clasă CSS pentru a sublinia rapid în orice moment. Puteți crea clase în foaia de stil sau stilul>, pentru a fi apelate mai târziu. Clasa poate avea orice nume doriți. html> head> style> .line {text-decoration: underline; } / style> / head> body> Puteți utiliza această clasă pentru a sublinia rapid div> / div> din diferite părți div> din conținutul dvs. / div> / body> / html>
Luați în considerare alte metode de subliniere a textului. Sublinierea trebuie evitată pentru a evita confuzia pentru cititor. O metodă populară este utilizarea etichetei em>, care face ca textul să fie cursiv. Puteți utiliza CSS pentru a specifica în continuare această etichetă, pentru un mod unic de accentuare. html> head> style> em {color: red; } / style> / head> body> Totul din interiorul elementului em va deveni em> italic (din cauza setărilor implicite) și roșu / em> din cauza stilului adăugat mai sus. / body> / html>
Metoda 2 din 2: Metoda depășită
Evitați să folosiți vechile etichete u> / u>. Acestea sunt „descurajate”, ceea ce înseamnă că funcționează în continuare, dar nu mai este folosit sau recomandat. Acest lucru se datorează faptului că, în principiu, HTML nu este conceput ca limbaj de marcare. Eticheta u> va funcționa în continuare, dar este acum menită să indice un text diferit de celălalt text, cum ar fi un cuvânt scris greșit sau substantive proprii chinezești. 
Utilizați eticheta u> / u> pentru subliniere (numai în scop ilustrativ). În niciun caz nu trebuie să utilizați din nou această metodă. Poate fi bine să știți cum a fost utilizat în cazul în care trebuie să actualizați un site web mai vechi. html> body> Cu vechea etichetă u> în HTML puteți sublinia rapid lucrurile / u>, dar lucrurile devin rapid dezordonate atunci când au fost utilizate alte elemente de stil. De aceea subliniem acum „text-decor” cu elementul CSS. / body> / html>
sfaturi
- Aproape întotdeauna există o modalitate mai bună de a sublinia ceva pe o pagină web decât cu sublinierea. Poate fi foarte confuz pentru cititori. Faceți textul mai frumos cu CSS, pentru a-l face să iasă în evidență pozitiv.
