HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis

Vom Netzwerk:

erst mal eine entsprechend große Freifläche anzeigen.
    Bild 7.1: Vordefinierte Größen und nur Text-ersetzende
alt
-Attributangaben bei nicht angezeigten Grafiken
    Das
alt
-Attribut enthält den sogenannten Fallback-Text, falls die Grafik nicht geladen oder nicht angezeigt werden kann. Dabei hat das Attribut nicht die Aufgabe, den Inhalt der Grafik zu beschreiben, sondern lediglich die Grafik zu ersetzen, falls diese nicht angezeigt werden kann. Beispiele:

Das ist die französische Fahne:

Reiseziel: Frankreich

    Im ersten Fall fehlt das
alt
-Attribut, weil die Grafik, zum Beispiel ein Cartoon oder Comic Strip, den eigentlichen Inhalt transportiert. Es gibt keine Möglichkeit, diesen Inhalt in Textform alternativ wiederzugeben (wie schon erwähnt: Alternativtext hat nicht die Aufgabe, prosaische Beschreibungen zu liefern). Im zweiten Fall wird das
alt
-Attribut notiert, jedoch leer gelassen. Diese Notationsform soll dann verwendet werden, wenn aus dem unmittelbaren Nachbarinhalt hervorgeht, worin der Inhalt der Grafik besteht. Die Zuweisung eines leeren Inhalts bedeutet also: Der Kontext ist eindeutig, und die Grafik visualisiert diesen Kontext lediglich. Geeignet ist diese Form für alle Arten von unmittelbarer Illustration oder Symbolisierung. Im dritten Fall enthält das
alt
-Attribut einen Inhalt. Der Grund ist, dass die Grafik in diesem Fall anstelle eines Textes notiert ist. Der Alternativtext ist in diesem Fall der natürliche Ersatzinhalt für die Grafik.
Weitere Hinweise
    Achten Sie bei der Wertzuweisung an das
src
-Attribut unbedingt auf Groß-/Kleinschreibung von Dateinamen und Verzeichnisnamen. Viele Server-Rechner laufen mit Betriebssystemen, bei denen streng zwischen Groß- und Kleinschreibung unterschieden wird. Am einfachsten und sichersten ist es, wenn Sie alle Datei- und Verzeichnisnamen kleinschreiben – sowohl beim Vergeben der Namen, als auch beim Referenzieren.
    Die referenzierte Quelle muss nicht zwangsläufig eine statische Grafikdatei sein. Es kann sich auch um ein serverseitiges Script handeln, das den Binärcode einer Grafik zum Beispiel auf Basis aktueller Daten generiert. Der gesendete Code muss jedoch einem der erwarteten Dateiformate entsprechen.
    Dank der absoluten URL-Adressierung können Sie in einem eigenen

-Tag beliebige fremde Grafiken aus dem Web referenzieren. Dies kann jedoch eine Urheberrechtsverletzung und einen Verstoß gegen lizenzrechtliche Nutzungsbedingungen darstellen, da die Grafik für den Anwender in Ihrer Webseite so erscheint, als handele es sich um Ihren eigenen Inhalt. Klären Sie also bei jeder Referenzierung von Grafiken von Fremdanbietern zunächst, ob die Referenzierung rechtlich zulässig ist.
    Im HTML-4.01-Standard war das
alt
-Attribut in jedem Fall Pflicht. HTML5 hat die Pflichtnotation abgeschafft, betont aber die Bedeutung des Attributs. Hintergrund der etwas verkrampft anmutenden Definitionen zum
alt
-Attribut, sind zum Teil heftige Auseinandersetzungen unter Experten. Das
alt
-Attribut ist nämlich seit jeher eine Art Inbegriff für ein Minimum an Barrierefreiheit beim Erstellen von Webseiten.
    Der Internet Explorer zeigt den Alternativtext als Tooltipp an, wenn man mit dem Mauszeiger länger über der Grafik verweilt. Dieses Verhalten ist nicht im Sinne des
alt
-Attributs, dessen Wert nur angezeigt werden soll, wenn die Grafik nicht verfügbar ist. Wenn Sie Ihre Grafiken mit erklärenden Tooltipps versehen wollen, nutzen Sie das Attribut
title
. Dieses Attribut ist ein globales Attribut (siehe mehr dazu unter 9.3 Globale Attribute ).
    Der Internet Explorer gibt dem
title
-Attribut bei der Tooltipp-Anzeige übrigens auch Vorrang vor dem
alt
-Attribut. Verwenden Sie deshalb
title=""
, um die Tooltipp-Anzeige des
alt
-Attributs im Internet Explorer ganz zu unterdrücken.
Die in HTML 4.01 erlaubten Attribute
border
und
longdesc
sind in HTML5 ersatzlos gestrichen worden.
    Das
border
-Attribut lässt sich durch eine entsprechende CSS-Definition (Eigenschaft
border
) ersetzen. Anstelle des
longdesc
-Attributs wird die Verwendung des
figure
-Elements empfohlen (siehe dazu auch Abschnitt 4.2.7 Abbildungen ).
Referenzinformationen
    Elementreferenz

,
    Attributreferenz
alt
,
    Attributreferenz
src
:

    Attributreferenz
height
,
    Attributreferenz
width
:

7.1.2      Image-Maps (verweissensitive Grafiken)
    Image-Maps bzw. verweissensitive Grafiken sind