Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Korrekte Verwendung der Alt- und Title-Attribute im img tag_Experience-Austausch

WBOY
Freigeben: 2016-05-16 12:06:23
Original
1979 Leute haben es durchsucht

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.


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage