Ce face <mark> și <small>
Tagul <mark> este introdus în HTML5 și reprezintă un text evidențiat sau marcat pentru relevanța sa în contextul curent (de exemplu, cuvintele căutate de utilizator pe o pagină de rezultate). Browserul îl afișează implicit cu fundal galben.
Tagul <small> reprezintă comentarii laterale, text legal, termeni și condiții sau drepturi de autor, afișate la o dimensiune redusă de font.
Exemple
Exemplul 1: Rezultat de căutare evidențiat și notă legală
mark atrage atenția asupra termenului căutat, iar small coboară ierarhia textului secundar.
<p>Rezultat: Ai căutat cuvântul <mark>programare</mark>.</p>
<p><small>Prețurile afișate includ TVA. Oferta este valabilă în limita stocului.</small></p>
Ce afișează browserul
Rezultat: Ai căutat cuvântul programare (pe fundal galben).
Prețurile afișate includ TVA... (scris cu font mai mic)
Greșeli frecvente
- Folosirea pentru bucăți mari de text doar ca o scurtătură în loc de stilizare CSS font-size.
Comenzi înrudite
<p>: Definește un paragraf de text; element de tip bloc, separat automat de restul conținutului prin spațiu vertical.<strong> și <em>: Evidențiază textul: strong conferă importanță majoră (îngroșat), iar em conferă accent sau intonație (cursiv/italic).<span>: Container generic de tip inline, utilizat pentru a grupa o porțiune de text și a-i aplica stiluri CSS sau acțiuni JS.