Limbajul HTML permite o formatare de baza a informatiei, astfel incat aceasta sa fie inteligibila. Trebuie insa sa accentuez faptul ca aceasta formatare nu tine de design. Trebuie sa faci mereu diferenta intre design si logica informatiei.
Astfel, atunci cand vei folosi texte bolduite sau italice, cititorul va intelege ca vrei sa pui accentul pe o idee.
Elemente bolduite (<b></b>) sau elemente importante (<strong></strong>)?
HTML iti permite sa subliniezi informatiile importante prin ingrosarea textului. Trebuie insa sa stii sa faci diferenta intre doua tipuri de elemente.
Asadar, avem doua elemente care (cel putin in prezent…) se comporta asemanator.
Primul element despre care vorbim este bold: <b></b>. Prin cuprinderea unei secvente de text intre tagurile <b> si </b> spui browser-ului ca vrei ca acel text sa fie bolduit (ingrosat).
Al doilea element despre care vreau sa iti spun este strong: <strong></strong>. Spre deosebire de elementul bold, elementul strong da o mai mare importanta informatiei. Cu alte cuvinte, atunci cand cuprinzi un text intre <strong> si </strong> spui browserului ca acea secventa de text este foarte importanta in economia intregului text. In privinta felului cum este afisat elementul, browserele le afiseaza in prezent prin bolduire, adica exact la fel cum sunt afisate elementele bolduite.
As risca sa iti spun ca elementul bold tine mai degraba de design fiind o reminiscenta de pe vremea cand nu exista css-ul. De aceea, atunci cand vrei sa subliniezi o informatie, mai bine cuprinde-o intr-un element strong.
Italicele (<i></i>) si emfaza (<em></em>)
As scrie si despre aceste doua elemente, dar o sa va dau impresia ca ma repet. De aceea, va zic doar concluzia.
Italicele sunt pentru afisare, in timp ce emfaza este pentru a scoate in evidenta o secventa de text.
Ambele vor fi afisate la fel, dar pentru logica textului este important sa folosesti <em></em>.
| Element | Tag-uri | Afisare | Explicatie element |
|---|---|---|---|
| Strong | <strong>strong</strong> | strong | Defineste o secventa de text importanta |
| Bold | <b>bold</b> | bold | Defineste o secventa de text bolduita (ingrosata) |
| Emfaza (Emphasis) | <em>emfaza</em> | emfaza | Defineste o secventa de text importanta |
| Italic | <i>italic</i> | italic | Defineste o secventa de text cu caractere italice (cursive?) |
Important de mentionat
<strong></strong> si <em></em> sunt intelese ca importante mai ales de catre motoarele de cautare. Asadar, daca se intampla sa considerati ca aveti ceva important de spus… fara totusi a boldui chiar tot textul din pagina… este o idee buna ca secventele de text importante sa le subliniati cu astfel de elemente.
Sublinierea textului
Exista si posibilitatea de a sublinia textul in HTML. Sublinierea textului se face cu ajutorul elementului <u></u> (underline).
Astfel, urmatoarea secventa de cod:
<p>Aceasta este o <u>portiune de text subliniata</u>.</p>
…va fi interpretata astfel:
Aceasta este o portiune de text subliniata.
