HTML-Tutorial: Titelattribut und Alt-Attribut
|
XHTML ist die Grundlage des CSS-Layouts. jb51.net hat immer Wert auf das Erlernen von XHTML-Kenntnissen gelegt und auf Semantik und Dokumentstruktur geachtet. Das intuitivste Gefühl, das ich bei den Titel- und Alt-Attributen habe, ist, dass sie die Anpassbarkeit des Dokuments verbessern und die Keyword-Dichte sinnvoll erhöhen können. Im XHTML-Standard ist das Alt-Attribut von Bildern erforderlich. XHTML ist die Grundlage des CSS-Layouts. jb51.net hat immer Wert auf das Erlernen von XHTML-Kenntnissen gelegt und auf Semantik und Dokumentstruktur geachtet. Das intuitivste Gefühl, das ich bei den Titel- und Alt-Attributen habe, ist, dass sie die Anpassbarkeit des Dokuments verbessern und die Keyword-Dichte sinnvoll erhöhen können. Im XHTML-Standard ist das Alt-Attribut von Bildern erforderlich. Alt-Attribut <br />Für Benutzeragenten (UA), die keine Bilder, Formulare oder Applets anzeigen können, wird das Alt-Attribut verwendet, um alternativen Text anzugeben. Die Sprache des Ersetzungstextes wird durch das Attribut „lang“ angegeben. Alt-Attribute (beachten Sie das Wort „Attribut“ und nicht „Tag“) enthalten alternative Beschreibungen und sind für Bilder und Bild-Hotspots erforderlich. Es kann nur in Bild-, Bereichs- und Eingabeelementen (einschließlich Applet-Elementen) verwendet werden. Bei Eingabeelementen soll das Alt-Attribut verwendet werden, um das Bild der Senden-Schaltfläche zu ersetzen. Beispiel: Verwenden Sie das Alt-Attribut, um Betrachtern, die die Bilder in Ihrem Dokument nicht sehen können, Textbeschreibungen bereitzustellen. Dazu gehören Benutzer, deren Browser die Bildanzeige nicht nativ unterstützen oder bei denen die Bildanzeige deaktiviert ist, Benutzer mit Sehbehinderungen und Benutzer, die Bildschirmleseprogramme verwenden. Alternativtext wird verwendet, um Bilder zu ersetzen und nicht, um zusätzlichen Beschreibungstext bereitzustellen. Überlegen Sie sorgfältig, bevor Sie Alternativtext schreiben, um sicherzustellen, dass er tatsächlich Informationen für Personen bereitstellt, die das Bild nicht sehen können, und dass er im Kontext Sinn ergibt. Verwenden Sie für dekorative Bilder einen leeren Wert (alt="" ohne Leerzeichen zwischen den Anführungszeichen) anstelle von irrelevantem Alternativtext wie „blauer Aufzählungspunkt“ oder „spacer.gif“. Lassen Sie es nicht weg, denn wenn Sie es tun, lesen einige Bildschirmleseprogramme den Bilddateinamen direkt vor und Textbrowser wie Lynx zeigen den Bilddateinamen an, was für Ihre Betrachter nicht nützlich ist. Am einfachsten ist es, Alternativtext für Bilder festzulegen, die Text enthalten. Der im Bild enthaltene Text kann im Allgemeinen als Alt-Attributwert verwendet werden. Das Titelattribut bietet Hinweisinformationen für das Element, auf das es gesetzt ist. Das Titelattribut kann in allen Tags außer Base, Basefont, Head, HTML, Meta, Param, Script und Title verwendet werden. Aber das ist nicht nötig. Vielleicht wissen deshalb viele Leute nicht, wann sie es verwenden sollen. Verwenden Sie das Titelattribut, um nicht unbedingt erforderliche Zusatzinformationen bereitzustellen. Die meisten visuellen Browser zeigen den Titeltext als Tooltip an, wenn Sie mit der Maus über ein bestimmtes Element fahren. Wie der Titeltext dargestellt wird, bleibt jedoch dem Hersteller überlassen. Einige Browser zeigen den Titeltext in der Statusleiste an. Beispielsweise frühere Versionen des Safari-Browsers. Das Titelattribut lässt sich gut dazu verwenden, einem Link einen beschreibenden Text hinzuzufügen, insbesondere dann, wenn der Zweck des Links aus dem Link selbst nicht klar hervorgeht. Dadurch erfahren Besucher, wohin die Links sie führen, und laden keine Seite, die sie möglicherweise nicht interessiert. Eine weitere mögliche Anwendung besteht darin, zusätzliche Beschriftungen für Bilder bereitzustellen, beispielsweise Daten oder andere nicht unbedingt erforderliche Informationen. Der Wert des Titelattributs kann länger sein als der Wert des Alt-Attributs. Beachten Sie jedoch, dass einige Browser lange Texte (wie Tooltips usw.) abschneiden. Beispielsweise können Mozilla-basierte Browser nur die ersten 60 Zeichen anzeigen. Dies wird als ein Mozilla-Fehler angesehen und Sie sollten sich dessen bewusst sein. |
<<: Detaillierte Erklärung zur Verwendung von Filtereigenschaften in CSS
>>: So installieren Sie Tomcat8 im Docker
Artikel empfehlen
So erreichen Sie die maximale Anzahl von Verbindungen in MySQL
Inhaltsverzeichnis Was ist der Grund für den plöt...
SpringBoot integriert Activiti7-Implementierungscode
Nach der offiziellen Veröffentlichung von Activit...
Detaillierte Schritte zum Ändern gespeicherter MySQL-Prozeduren
Vorwort Bei der tatsächlichen Entwicklung werden ...
Detaillierte Erläuterung des Funktionsprinzips der Ausführungsanforderung von Nginx + PHP
So funktioniert PHP Lassen Sie uns zunächst die B...
JavaScript imitiert den Jingdong-Lupeneffekt
In diesem Artikel wird der spezifische Code für J...
Docker-Installation von MySQL (8 und 5.7)
In diesem Artikel wird die Verwendung von Docker ...
Verwaltung von xinetd-basierten Diensten, die mit RPM-Paketen in Linux installiert wurden
Inhaltsverzeichnis Vorwort 1. Startup-Management ...
Zusammenfassung des Betriebs und der Wartung von Linux von grundlegenden bis zu fortgeschrittenen Wissenspunkten
Die Arbeit als Betriebs- und Wartungsingenieur is...
Detailliertes grafisches Tutorial zur Installation der entpackten Version von MySQL unter Windows 10
Die MySQL-Installation ist in eine Installationsv...
Detailliertes Tutorial zur Installation von PHP und Nginx auf Centos7
Da die Anwendung von CentOS auf der Serverseite i...
MySQL-Datenbank erstellen, Benutzer hinzufügen, Benutzerautorisierung, praktische Methode
1. Erstellen Sie eine MySQL-Datenbank 1. Datenban...
JavaScript-Closures erklärt
Inhaltsverzeichnis 1. Was ist ein Abschluss? 1.2 ...
Verbesserung der Wirkung von Hyperlinks im Webdesign und in der Produktion
Hyperlinks ermöglichen es Benutzern, sofort von ei...
Stellen Sie die Grafana+Prometheus-Konfiguration mit Docker bereit
docker-compose-monitor.yml Version: '2' N...
3 Lösungen, damit Ihre Website alte Versionen der Browser IE6, 7, 8 und 9 unterstützt
Obwohl Microsoft später viel Forschung und Entwick...