Atribute HTML: alt, lang, title

Atributul alt

Atributul alt specifică un text alternativ care trebuie utilizat, dacă nu poate fi afișată o imagine.
Valoarea atributului alt poate fi citită de cititorii de ecran. În acest fel, cineva „ascultă” pagina web, de ex. o persoană cu deficiență de vedere, poate „auzi” elementul.

Exemplu:

<img src = "img_girl.jpg" alt = "Fată cu sacou">

Atributul alt este de asemenea util dacă imaginea nu poate fi afișată (de exemplu, dacă nu există):

Exemplu:

Vedeți ce se întâmplă dacă încercăm să afișăm o imagine care nu există:

<img src = "img_typo.jpg" alt = "Fată cu sacou">

Atributul style

Atributul style este utilizat pentru a specifica stilul unui element, cum ar fi culoarea, fontul, dimensiunea etc.

Exemplu:

<p style = "color: red"> Acesta este un paragraf. </p>

Atributul lang

Limbajul documentului poate fi declarat în eticheta <html>.
Limbajul este declarat cu atributul lang.
Declararea unui limbaj este importantă pentru aplicațiile de accesibilitate (cititoare de ecran) și pentru motoarele de căutare:

Exemplu:

<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>

Primele două litere specifică limba (en). Dacă există un dialect, adăugați încă două litere (SUA).

Atributul title

Aici, atributul title este adaugat la elementul <p>. Valoarea atributului title va fi afișată sub forma unui tooltip când treceți cu mouse-ul peste paragraf:

Exemplu:

<p title = "Sunt un tooltip">
Acesta este un paragraf.
</ p>