HTML5-Handbuch - die neuen Features von HTML5

veranlassen, dass der Browser beim Anklicken eines Links nicht nur den Link ausführt, sondern zusätzlich eine oder mehrere andere Webadressen über das Anklicken des Links benachrichtigt. Hinter solchen »anderen Webadressen« verbergen sich dann beispielsweise Scripts, die sogenannte User-Tracking-Informationen sammeln.
Beispiel
    
    Produkte
    
Erläuterung
    Die Ping-Funktion wird im einleitenden

-Tag eines Hyperlinks in Form eines
ping
-Attributs notiert. Während die URL-Adresse beim
href
-Attribut wie üblich das Linkziel ist, das beim Anklicken des Links aufgerufen wird, wird die URL-Angabe beim
ping
-Attribut im Hintergrund aufgerufen.
    Beim
ping
-Attribut können Sie im Gegensatz zum
href
-Attribut auch mehrere URL-Adressen angeben. Trennen Sie die URL-Adressen in diesem Fall durch Leerzeichen voneinander.
Weitere Hinweise
    Die HTTP-Requests, die der Browser an die beim
ping
-Attribut angegebene(n) Adresse(n) versendet, werden in Form von HTTP-POST-Requests versendet.
    Aus Anwendersicht bereitet diese Funktion möglicherweise Unbehagen, da ohne sein Wissen zusätzliche Inhalte aufgerufen werden. Es kann sein, dass Browser, die diese Funktion unterstützen, dem Anwender in den Browser-Optionen die Möglichkeit anbieten, keine
ping
-URLs in Hyperlinks auszuführen. Auch ein sichtbarer Hinweis auf die zusätzlich informierten Adressen ist denkbar.
Referenzinformationen
    Elementreferenz

:

    Attributreferenz
ping:

6.3        Backgrounds
    Alle Hyperlinks in HTML haben den gleichen strukturellen Aufbau. Aber Links haben völlig verschiedene Aufgaben, und sie haben als Essenz jeglicher Vernetzung im Web auch nicht-technische Aspekte. In den Backgrounds zu Hyperlinks soll es zum einen darum gehen, wie eine Website letztlich um ihre Navigation herum entsteht. Zum anderen soll ein leidiger Aspekt von Hyperlinks kurz angesprochen werden: die rechtlichen Aspekte von Verlinkung.
6.3.1      Hyperlinks und Navigation
    Wenn ein Web-Angebot aus mehr als einer Webseite besteht, was die Regel ist, dann müssen diese Webseiten dem Anwender als zusammenhängendes Angebot zugänglich gemacht werden. Das wichtigste Mittel dazu ist eine Navigation, die auf allen einzelnen Unterseiten wiederkehrt. Nur so (und durch ein gleichbleibendes Layout) entsteht für den Anwender der Eindruck einer Website.
    Eine Navigation ist nichts anderes als ein festes Set aus Hyperlinks zu Unterseiten eines Web-Angebots. Die Hyperlinks werden dabei wie üblich durch das
a
-Element markiert. Darüber hinaus benötigen Sie jedoch eine geeignete Markierung des zusammenhängenden Sets.
    Aus Sicht von HTML sind Listen das semantisch korrekte Mittel der Wahl, um solche Sets auszuzeichnen. Solange die Einträge der Navigation keine bestimmte Reihenfolge vorgeben, sondern eine freie Auswahl darstellen, sollten Sie ungeordnete Listen (
ul
-Element) verwenden. Vergessen Sie dabei einfach, dass eine ungeordnete Liste in HTML ohne weitere Formatierung nur eine simple, senkrechte Bullet-Liste ist, die optisch nicht viel mit Menüs moderner Websites zu tun hat. Mit Hilfe von CSS können Sie aus
ul
-Listen und darin enthaltenen Links jedoch beliebige vertikale und horizontale Auswahlmenüs mit Mouseover-Effekten und vielem mehr machen.
    Vergessen Sie außerdem nicht, die gesamte Navigation in ein
nav
-Element einzuschließen. Das umschließende
nav
-Element ist ein semantisch wichtiges Signal, das eine Aufzählungsliste innerhalb einer Site-Navigation darstellt.
Beispiel einer einfachen Navigation aus HTML-Sicht
    
    Bild 6.7: Ohne CSS noch schmucklos, aber semantisch sinnvoll: Navigation in HTML
Beispiel einer verschachtelten Navigation aus HTML-Sicht