Atribute HTML: alt, lang, title
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
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 styleAtributul 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:
<!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>