<u> și <s> în HTML

Text și formatare HTML 3.2+ / HTML 4.0+

Elementul u marchează o adnotare nearticulată (de exemplu o greșeală de scriere), iar s marchează un text care nu mai este corect sau relevant.

Sintaxă tag
<u class="greseala">cuvnt</u>
<s>Preț vechi: 120 lei</s>

Ce face <u> și <s>

<u> afișează textul subliniat. În HTML5 are un sens restrâns: o adnotare care nu se rostește, cum ar fi un cuvânt scris greșit marcat de un corector sau un nume propriu în chineză. Nu îl folosi pentru simplă subliniere, pentru că cititorii îl confundă cu un link.

<s> afișează textul tăiat cu o linie. Arată o informație care nu mai este exactă sau relevantă, dar pe care o lași vizibilă: prețul vechi dintr-o ofertă, un bilet epuizat. Pentru o modificare a documentului (text șters într-o revizie) folosește <del>.

Exemple

Exemplul 1: Preț vechi tăiat cu <s>

Prețul vechi rămâne vizibil, ca utilizatorul să vadă reducerea.

<p>Curs HTML pentru începători:
  <s>250 lei</s> <strong>180 lei</strong></p>

Ce afișează browserul

Curs HTML pentru începători: 250 lei (tăiat cu o linie) 180 lei (îngroșat)

Exemplul 2: Greșeală de scriere marcată cu <u>

Cu CSS, sublinierea devine ondulată și roșie, ca la un corector ortografic.

<style>
  u.greseala { text-decoration: underline wavy red; }
</style>
<p>Ana a scris: „Mâine plecăm la <u class="greseala">Iasi</u>.”</p>

Ce afișează browserul

Ana a scris: „Mâine plecăm la Iasi.” (cuvântul Iasi subliniat cu o linie roșie ondulată)

Greșeli frecvente

  • Sublinierea textului obișnuit cu <u> pentru accent: utilizatorii cred că este un link și dau clic pe el. Pentru accent folosește <em> sau <strong>.
  • Folosirea <s> pentru textul șters dintr-un document editat; acolo <del> transmite corect că este o modificare.
  • Folosirea tagului vechi <strike>: este învechit (obsolete) în HTML5, înlocuiește-l cu <s> sau <del>.

Comenzi înrudite

  • <del> și <ins>: Marchează modificările unui document: del arată textul șters, iar ins textul adăugat, cu data și motivul schimbării.
  • <b> și <i>: Elementul b atrage atenția asupra unui cuvânt fără să-l facă mai important, iar i marchează o voce diferită: termeni străini, tehnici sau gânduri.
  • <strong> și <em>: Evidențiază textul: strong conferă importanță majoră (îngroșat), iar em conferă accent sau intonație (cursiv/italic).
  • <mark> și <small>: mark evidențiază textul ca și cum ar fi subliniat cu marker galben; small este folosit pentru detalii legale și note de subsol.