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:
dafür zur Verfügung stellt, ist so allgemein, dass sich damit praktisch beliebige Daten-Sets auszeichnen lassen. Unter anderem ist die Mikrodaten-Syntax auch geeignet, um bekannte Daten-Sets wie etwa vCard für Kontaktdaten, vEvent für Kalenderdaten und andere abzubilden.
    Ein Spezial-Parser kann ausschließlich solche Informationen aus HTML-Dokumenten extrahieren, ohne die übrigen Auszeichnungen zu beachten. So können beispielsweise aus normalen Webseiten feldorientierte Daten in Suchmaschinen gelangen, oder Web-Browser können solche Daten zusätzlich in geordneter Form unabhängig vom Inhalt der Webseite anbieten.
    Zum Redaktionszeitpunkt dieses Buches sind die Mikrodaten bereits als Last Call der WHATWG zu HTML5 enthalten. Dies bedeutet, dass düber kurz oder lang eine Recommendation daraus entstehen wird. Aus der Version des W3-Konsortiums, welche die Festschreibung des HTML5-Standards besorgt, sind die Mikrodaten dagegen in ein separates Dokument ausgelagert worden. Es ist jedoch damit zu rechnen, dass sich ein so einfaches und überzeugendes Konzept wie die Mikrodaten in jedem Fall durchsetzen wird. Aus diesem Grund erhalten sie auch einen festen Platz in den Beschreibungen dieses Handbuchs.
9.1.1      Aufbau von Mikrodaten
    Mikrodaten bestehen jeweils aus Sets von Name-Wert-Paaren. Ein Set für Kontaktdaten kann beispielsweise aus Feldbezeichnern wie Vorname, Zuname, Straße, Postleitzahl und Ort bestehen. Dies sind die Namen. Die Werte sind die zugeordneten Daten, also etwa Anna, Lyse, Phantasiestraße 1, 10001, Musterstadt. In HTML5 wird ein Set als Item bezeichnet und jedes Name-Wert-Paar darin als Property (Eigenschaft).
Zum Notieren von Mikrodaten stellt HTML5 eine Reihe von Attributen zur Verfügung. Diese Attribute können in beliebigen HTML-Elementen notiert werden, in denen es sinnvoll ist.
Beispiel
    

    


    
    +++ Radfahrer bei Unfall schwer verletzt
    


    


    Wie die Polizei Dünnkirchen mitteilte, wurde am gestrigen Sonntag
    ein Radfahrer beim Versuch, von der Urkomstraße aus Norden
    kommend in die Babelstraße einzubiegen, von einem Kleinlaster
    erfasst und schwer verletzt.
    


    


    
    


    

    

Der Radfahrer, ein 34jähriger Bahnangestellter, war auf dem
    Heimweg von … usw.


    

    

    

Quelle: qjourn-agentur


    

Erläuterung
    Mit dem Standalone-Attribut
itemscope
starten Sie ein Daten-Set bzw. ein Item. Notieren Sie dieses Attribut in einem übergeordneten Element, das den Container für andere Elemente darstellt, in denen die einzelnen Daten (Properties) des Items vorkommen. Im obigen Beispiel sollen Inhalte einer News-Meldung explizit als Mikrodaten ausgezeichnet werden. Das
article
-Element schließt im Beispiel die gesamte Meldung ein. Deshalb ist es im Beispiel der geeignete Ort für das
itemscope
-Attribut.
    Namen von Bezeichnern (Properties) zeichnen Sie durch das Attribut
itemprop
aus. Der Wert, den Sie dem Attribut zuweisen, ist der Bezeichnername. Im obigen Beispiel gibt es Properties wie
title
(Titel),
date
(Datum),
teaser
(Anreißertext),
picture
(Bild),
content
(Nachrichteninhalt) und
source
(Bezugsquelle).
    Die Werte , die diesen Properties zugeordnet sind, sind in den meisten Fällen die Inhalte der jeweiligen Elemente. Bei
qjourn-agentur
ist also
source
der Bezeichnername und
qjourn-agentur
der diesem Bezeichner zugeordnete Wert.
    Bei

gibt es keinen Elementinhalt. Wenn es in solchen Fällen eine irgendwie zugewiesene URL-Adresse gibt, wird sie zum zugewiesenen Wert der Property. Im Beispiel ist das also die referenzierte PNG-Grafik. Gleiches gilt, wenn ein
itemprop
-Attribut in HTML-Tags wie