HTML-Tutorial: Titelattribut und Alt-Attribut_HTML/Xhtml_Webseitenproduktion

XHTML ist die Grundlage des CSS-Layouts. jb51.net legt seit jeher Wert auf das Erlernen von XHTML-Kenntnissen und achtet dabei auf Semantik und Dokumentstruktur. Die Attribute title und alt geben mir das intuitivste Gefühl, dass sie die Anpassungsfähigkeit des Dokuments verbessern und die Keyword-Dichte einigermaßen erhöhen können. Im XHTML-Standard ist das alt-Attribut von Bildern erforderlich.
XHTML ist die Grundlage des CSS-Layouts. jb51.net legt seit jeher Wert auf das Erlernen von XHTML-Kenntnissen und konzentriert sich dabei auf Semantik und Dokumentstruktur. Die Attribute title und alt geben mir das intuitivste Gefühl, dass sie die Anpassungsfähigkeit des Dokuments verbessern und die Keyword-Dichte einigermaßen erhöhen können. Im XHTML-Standard ist das alt-Attribut von Bildern erforderlich.
Alt-Attribut
Für Benutzeragenten (UA), die keine Bilder, Formulare oder Applets anzeigen können, wird das Alt-Attribut verwendet, um Ersatztext anzugeben. Die Sprache des Ersetzungstextes wird durch das lang-Attribut angegeben. Das Alt-Attribut (beachten Sie „attribute“ statt „label“) enthält Ersetzungsanweisungen, die für Bilder und Bild-Hotspots erforderlich sind. Es kann nur in IMG-, Area- und Eingabeelementen (einschließlich Applet-Elementen) verwendet werden. Bei Eingabeelementen soll das Alt-Attribut das Bild der Schaltfläche „Senden“ ersetzen.
Beispiel: Verwenden Sie das Alt-Attribut, um Textbeschreibungen für Betrachter bereitzustellen, die die Bilder in Ihrem Dokument nicht sehen können. Dazu gehören Benutzer, die Browser verwenden, die die Bildanzeige nicht nativ unterstützen oder bei denen die Bildanzeige deaktiviert ist, Benutzer mit Sehbehinderungen und Benutzer, die Bildschirmleseprogramme verwenden. Alt-Text wird verwendet, um ein Bild zu ersetzen, anstatt zusätzlichen beschreibenden Text bereitzustellen.
Denken Sie sorgfältig nach, bevor Sie Alternativtext schreiben, um sicherzustellen, dass er tatsächlich Informationen für Personen liefert, die das Bild nicht sehen können, und dass er im Kontext Sinn ergibt. Verwenden Sie für dekorative Bilder einen leeren Wert (alt="", keine Leerzeichen zwischen Anführungszeichen) anstelle von irrelevantem Ersatztext wie „blue Bullet“ oder „spacer.gif“. Ignorieren Sie es nicht. Wenn Sie es ignorieren, lesen einige Bildschirmleseprogramme den Dateinamen der Bilddatei direkt vor, und Textbrowser wie Lynx zeigen den Dateinamen der Bilddatei an, was für Ihren Browser nutzlos ist .
Es ist am einfachsten, alternativen Text für Bilder festzulegen, die Text enthalten. Im Allgemeinen kann der im Bild enthaltene Text als Alt-Attributwert verwendet werden.
Titelattribut
Das Titelattribut bietet vorgeschlagene Informationen für das Element, für das es festgelegt ist.
Das Titelattribut kann in allen Tags außer base, basefont, head, html, meta, param, script und title verwendet werden. Aber es ist nicht notwendig. Vielleicht verstehen deshalb viele Menschen nicht, wann sie es verwenden sollen.
Verwenden Sie das Titelattribut, um nicht wesentliche zusätzliche Informationen bereitzustellen. Die meisten visuellen Browser zeigen den Titeltext als Tooltip an, wenn die Maus über ein bestimmtes Element fährt. Es liegt jedoch am Hersteller, zu entscheiden, wie der Titeltext dargestellt wird. Einige Browser zeigen den Titeltext in der Statusleiste an. Zum Beispiel frühe Versionen des Safari-Browsers.
Eine gute Verwendung des Titelattributs besteht darin, einem Link beschreibenden Text hinzuzufügen, insbesondere wenn der Link selbst den Zweck des Links nicht klar zum Ausdruck bringt. Auf diese Weise wissen Besucher, wohin die Links sie führen, und sie laden keine Seite, an der sie möglicherweise überhaupt nicht interessiert sind. Eine weitere mögliche Anwendung besteht darin, zusätzliche beschreibende Informationen für Bilder bereitzustellen, beispielsweise Datumsangaben oder andere nicht wesentliche Informationen.
　Der Wert des Titelattributs kann länger eingestellt werden als der Wert des Alt-Attributs. Beachten Sie jedoch, dass einige Browser zu lange Texte (z. B. Tooltips oder andere) abschneiden. Beispielsweise kann der Kernbrowser von Mozilla nur die ersten 60 Zeichen anzeigen. Dies gilt als Mozilla-Fehler und sollte Ihnen bewusst sein.