Atrybut alt obrazu

Obiekt Obrazu Image DOM HTML

Definicja i użycie

alt Ustawienie atrybutu lub zwracanie wartości obrazu Atrybut alt wartość.

Jeśli obraz nie może być wyświetlony z jakiegoś powodu (np. wolne połączenie, błędna wartość atrybutu src lub użytkownik używa czytnika ekranowego), ten obowiązkowy Atrybut alt Zdefiniowanie alternatywnego tekstu obrazu.

Komentarz:Gdy kursor myszy jest nad elementem <img>, Internet Explorer wyświetla wartość atrybutu alt jako podpowiedź. Według specyfikacji HTML, to niepoprawne zachowanie. Wszystkie inne przeglądarki przestrzegają specyfikacji i wyświetlają alternatywny tekst tylko wtedy, gdy obraz nie może być wyświetlony.

Podpowiedź:Jeśli chcesz utworzyć podpowiedź dla obrazu, użyj globalnego Atrybut title.

Przykład

Przykład 1

Zwróć alternatywny tekst obrazu:

var x = document.getElementById("myImg").alt;

Spróbuj sam

Przykład 2

Zmień alternatywny tekst obrazu:

document.getElementById("myImg").alt = "Peking scenery";

Spróbuj sam

Gramatyka

Zwróć atrybut alt:

imageObject.alt

Ustawienie atrybutu alt:

imageObject.alt = text

Wartość atrybutu

Wartość Opis
text

Zdefiniowanie alternatywnego tekstu obrazu.

Przewodnik tekstem alternatywnym:

  • Jeśli obraz zawiera informacje, tekst powinien opisać obraz
  • Jeśli obraz znajduje się w elemencie <a>, tekst powinien wyjaśnić pozycję linku
  • Jeśli obraz jest używany wyłącznie do dekoracji, użyj alt=""

Szczegóły techniczne

Zwracana wartość: Wartość ciągowa, która reprezentuje alternatywny tekst obrazu.

Wsparcie przeglądarki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Podręcznik HTML:Atrybut alt <img> HTML

Obiekt Obrazu Image DOM HTML