Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
sein. Damit sind Ihre ID-Namen auch gleich kompatibel für den Zugriff via JavaScript und CSS. Groß- und Kleinschreibung werden unterschieden:
Ankername
wird nicht gefunden, wenn auf
#ankername
verlinkt wird.
    Die Angaben
style="height: 200px"
in den
p
-Elementen des obigen Beispiels müssen Sie an dieser Stelle nicht verstehen. Es handelt sich um Style-Angaben, um »Entfernung« zwischen den Ankern zu schaffen.

    Bild 6.5: Darstellung der Hyperlinks als Navigation
Weitere Hinweise
Das
id
-Attribut übernimmt erst seit HTML5 die Aufgabe des Ankernamens (wobei das
id
-Attribut selbst mit HTML 4.0 eingeführt wurde).
    Bis HTML 4.01 wurde für Anker das Attribut
name
eingesetzt. Im Hinblick auf sehr alte Browser ist es sogar sicherer, mit
name
anstelle von
id
zu arbeiten (Netscape 4.x konnte beispielsweise noch keine Links zu
id
-Ankern ausführen). Der HTML-Standard benötigt jedoch keine Doppelgleisigkeit von
name
und
id
mehr beim
a
-Element. Standardkonform ist deshalb nur noch das
id
-Attribut.
Referenzinformationen
    Elementreferenz

:

    Attributreferenz
id
:

6.2        Zusatzinformationen in Hyperlinks
    Hyperlinks lassen sich mit zusätzlichen Anweisungen für Suchmaschinen-Robots und Browser versehen, und Informationen über Verweisziele lassen sich vorab beschreiben.
Neu in HTML5 ist darüber hinaus die Möglichkeit, Ping-Benachrichtigungen für Hyperlinks zu definieren.
6.2.1      Angaben zum Linkziel
    Sie können bei Links angeben:
•   welche Sprache das verlinkte Ziel verwendet,
•   zu welchem MIME-Type (Dateiformat) das verlinkte Ziel gehört,
•   für welche Medientypen (z. B. Bildschirm, Handheld, Drucker, Screenreader) das verlinkte Ziel gedacht ist.
Beispiel
    

Erläuterung
    Die Angaben zum Linkziel werden in Form von Attributen im einleitenden

-Tag notiert.
    Mit
hreflang
bestimmen Sie die Sprache des Verweisziels. Als Angabe ist ein Sprachenkürzel erlaubt.
    Mit
media
können Sie Angaben zu Medien machen, für die das Verweisziel geeignet ist. Die Angabe sollte eine kommagetrennte Aufzählung geeigneter Medientypen, das Schlüsselwort
all
(steht für »alle Medientypen«) oder eine komplexere Medienangabe wie im obigen Beispiel sein.
    Mit
type
können Sie den MIME-Type des Linkziel-Dateiformats angeben. Sinnvoll ist diese Angabe in allen Fällen, in denen das Linkziel kein HTML-Dokument ist, also beispielsweise bei Links auf PDF-Dokumente, Flashmovies, MP3-Tracks, usw. Als Angabe ist ein bekannter MIME-Type erlaubt. Siehe Anhang: »MIME-Typen«.
    Sie können alle diese Attribute in einem

-Tag kombinieren.
    Bild 6.6: Zusatzinformationen bei Hyperlinks
Weitere Hinweise
    Die hier vorgestellten Angaben haben in grafischen Browsern keine sichtbare Wirkung. Dennoch können sie den Browser unterstützen. Beispielsweise betreiben die meisten modernen Browser sogenanntes Prefetching. Sie versuchen also, während eine Webseite angezeigt wird, den darin enthaltenen Links zu folgen und deren Inhalte bereits ganz oder teilweise zu laden. Die hier vorgestellten Angaben zum Linkziel können einem Browser bei der Entscheidung helfen, welche Links beim Prefetching bevorzugt oder ausgeschlossen werden können. Ein anderer Anwendungsfall ist die Formatierung mit CSS. Mit Hilfe sogenannter CSS-Attributselektoren lassen sich Hyperlinks, welche die hier beschriebenen Angaben verwenden, beispielsweise automatisch mit bestimmten Icon-Grafiken versehen (siehe dazu den Buchabschnitt 6.1 Aufbau von Hyperlinks ).
Referenzinformationen
    Elementreferenz

:

    Attributreferenz
hreflang:

    Attributreferenz
type
,
    Attributreferenz
media:

    Auf Browser-Angaben wurde hier verzichtet, da nicht oder nicht zuverlässig nachweisbar.
6.2.2      Typisierte Links
    HTML bietet die Möglichkeit an, bei Hyperlinks die Art der Beziehung zum Linkziel anzugeben. Das funktioniert genauso wie bei logischer Verlinkung im Kopfbereich des Dokuments. Ebenso wie dort, wird die Beziehung über das
rel
-Attribut hergestellt. Die Linktypen sind jedoch nicht ganz deckungsgleich.
Beispiel
    Zum Beispiel ein Formular und dazu ein Link zu einer Seite mit