Ιδιότητα alt εικόνας

Όνειρο HTML DOM Image

Ορισμός και χρήση

alt Η ιδιότητα Ιδιότητα alt αξία.

Αν για οποιοδήποτε λόγο η εικόνα δεν μπορεί να εμφανιστεί (π.χ. αργή ταχύτητα σύνδεσης, λάθος src χαρακτηριστικό ή χρήση screen reader), αυτή η απαραίτητη Ιδιότητα alt Διατύπωση του αντικειμενικού κειμένου της εικόνας.

Σημείωση:Όταν ο αριθμός του ποντικιού βρίσκεται πάνω στο στοιχείο <img>, ο Internet Explorer εμφανίζει την αξία της ιδιότητας alt ως tool tip. Σύμφωνα με την προδιαγραφή HTML, αυτό δεν είναι το σωστό behavior. Όλοι οι άλλοι περιηγητές ακολουθούν την προδιαγραφή και εμφανίζουν το αντικειμενικό κείμενο μόνο όταν η εικόνα δεν μπορεί να εμφανιστεί.

Συμβουλή:Για να δημιουργήσεις ένα tool tip για την εικόνα, χρησιμοποίησε την κοινή Ιδιότητα title.

Παράδειγμα

Παράδειγμα 1

Επιστροφή του αντικειμενικού κειμένου της εικόνας:

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

Προσπάθησε το εαυτό σου

Παράδειγμα 2

Αλλαγή του αντικειμενικού κειμένου της εικόνας:

document.getElementById("myImg").alt = "Πейζα Πεκίνου";

Προσπάθησε το εαυτό σου

Γλώσσα γραμματοσειράς

Επιστροφή της ιδιότητας alt:

imageObject.alt

Ρύθμιση της ιδιότητας alt:

imageObject.alt = text

Αξία χαρακτηριστικού

Αξία Περιγραφή
text

Διατύπωση του αντικειμενικού κειμένου της εικόνας.

Οδηγός για την εναλλακτική κείμενη:

  • Αν η εικόνα περιέχει πληροφορίες, το κείμενο πρέπει να περιγράφει την εικόνα
  • Αν η εικόνα βρίσκεται μέσα σε στοιχείο <a>, το κείμενο πρέπει να εξηγεί τη θέση του συνδέσμου
  • Αν η εικόνα χρησιμοποιείται μόνο για διακοσμητικούς σκοπούς, χρησιμοποιήστε alt=""

Τεχνικά λεπτομέρειες

Αποτελεσματική τιμή: Αριθμητική τιμή που δείχνει την εναλλακτική κείμενη της εικόνας.

Υποστήριξη περιηγητών

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

Εγχειρίδιο HTML:Η ιδιότητα alt του HTML <img>

Όνειρο HTML DOM Image