Atrybut globalny HTMLAtrybuty globalne
title
Dodatkowa informacja o elemencie, zwykle wyświetlana jako dymek.
- Dotyczy
- Wszystkie elementy HTML
Przykład
#HTML
<p>
Strony pisze się w <abbr title="HyperText Markup Language">HTML</abbr>.
Najedź kursorem na skrót, żeby zobaczyć rozwinięcie.
</p>Podgląd
Definicja i zastosowanie
#Atrybut title przechowuje dodatkowy opis elementu. Większość przeglądarek na komputerze pokazuje go w dymku po najechaniu kursorem i chwili odczekania.
Nie traktuj go jako miejsca na ważne informacje. Na telefonach i tabletach dymek zwykle się nie pojawia, a użytkownicy klawiatury też go nie zobaczą. Czytniki ekranu odczytują title niekonsekwentnie.
Dobrze sprawdza się jako uzupełnienie: rozwinięcie skrótu w <abbr>, opis ramki <iframe> albo podpowiedź przy ikonie, która ma też widoczną lub dostępną etykietę.
Składnia
#Składnia
<element title="dodatkowy opis">…</element>Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Nie powtarzaj w
titletego samego tekstu, który już jest widoczny. Czytnik ekranu może go przeczytać dwa razy. - Dla przycisków z samą ikoną lepszy jest
aria-labelniżtitle.
Powiązane hasła
#Widzisz błąd albo brakuje przykładu? Napisz do nas.