Heim > Artikel > Web-Frontend > Korrekte Verwendung der Alt- und Title-Attribute im img tag_Experience-Austausch
Das img-Tag hat zwei Attribute, nämlich alt und title. Viele Anfänger sind immer noch verwirrt über die korrekte Verwendung dieser beiden Attribute. Ein Teil der Ursache liegt natürlich auch im IE-Browser. Die korrekte Verwendung dieser beiden Attribute verbessert nicht nur die Suchfähigkeit von Bildern, sondern ist auch sehr hilfreich für die Benutzererfahrung. Lassen Sie uns über die Konzepte und die korrekte Verwendung von Alt und Titel sprechen.
alt
Die eigentliche Funktion dieses Attributs besteht darin, den Text zu ersetzen, wenn das Bild nicht korrekt angezeigt werden kann. Es spielt jedoch auch die Rolle des Titels (Textaufforderung, nachdem die Maus darauf platziert wurde). IE6. Die Implementierung des IE ist tatsächlich falsch. Wenn Sie beim Überfahren mit der Maus eine Eingabeaufforderung anzeigen möchten, sollten Sie das Titelattribut verwenden. Aufgrund falscher Anleitung fügen viele Anfänger nur das alt-Attribut zum img-Tag hinzu. Hier noch ein Kompliment für FF!
Titel
Die Textaufforderung, die beim Bewegen der Maus angezeigt wird, ist im Hinblick auf die Benutzererfahrung sehr wichtig. Natürlich ist es nicht notwendig, dieses Attribut zu allen IMG-Tags hinzuzufügen. Wenn beispielsweise das Logo oder der Bildinhalt, den Benutzer erleben, wichtiger ist, wird empfohlen, dieses Attribut hinzuzufügen.