și în HTML

Text și formatare HTML5 / HTML 2.0+

mark evidențiază textul ca și cum ar fi subliniat cu marker galben; small este folosit pentru detalii legale și note de subsol.

Sintaxă tag
<mark>Text evidențiat</mark>
<small>Text secundar</small>

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.