HTML5 Was ist das Itemscope-Attribut und was macht es für Laien?

89

Ich wollte nur wissen, wofür das HTML5-Attribut "itemscope" verwendet wird.

html

— abgrenzen
quelle

2

Dies sollte es Ihnen in Laienbegriffen

— Šime Vidas

67

Das [itemscope]Attribut ist ein boolesches Attribut, um den Umfang der im Element enthaltenen Metadaten zu definieren.

Es ist in der HTML5-Mikrodaten- API definiert:

Für jedes HTML-Element kann ein itemscopeAttribut angegeben werden. Das itemscopeAttribut ist ein boolesches Attribut.

Ein Element mit itemscopedem angegebenen Attribut erstellt ein neues Element , eine Gruppe von Name-Wert-Paaren.

Mit anderen Worten, es ist eine Möglichkeit, Metadaten einem bestimmten DOM-Knoten zuzuordnen.

Dies wird von der Schema.org- API verwendet, um Daten für Suchmaschinen und soziale Netzwerke zuzuordnen. Google+ verwendet das Schema , um Titel, Miniaturansichten und Beschreibungen für Seiten bereitzustellen, die von Nutzern geteilt werden.

Es sollte auch beachtet werden, dass [itemscope]und [itemprop]kompatibel mit dem Open Graph Protocol von Facebook, wenn Metadaten für eine Webseite bereitgestellt werden. Dieselben Metadaten können für Suchmaschinen, Facbook und Google+ in einem einzigen Satz von <meta>Elementen aufgelistet werden, anstatt dieselben Informationen mehrmals auflisten zu müssen :

<html itemscope itemtype="http://schema.org/WebPage" xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>An Example Title</title>
    <meta content="An Example Title" itemprop="name" property="og:title" />
    <meta content="Lorem ipsum dolor sit amet" itemprop="description" name="description" property="og:description" />
    <meta content="http://www.example.com/image.jpg" itemprop="image" property="og:image" />
    <meta content="http://www.example.com/permalink" itemprop="url" property="og:url" />
    <link rel="canonical" href="http://www.example.com/permalink" />
  </head>
  <body>
    ...content...
  </body>
</html>

Beachten Sie, dass im Beispiel [itemscope]dem <html>Element hinzugefügt wurde . Dies bedeutet, dass alle [itemprop]Attribute im <head>und <body>Teil des WebPageElements sind.

— zzzzBov
quelle

1

Es scheint vom endgültigen HTML5 getrennt worden zu sein: w3.org/TR/microdata

— Ciro Santilli 8 冠状病六四事件 8

34

Suchmaschinen wie Bing, Google und Yahoo! verwenden jetzt itemscope und Freunde, um semantische Daten auf Webseiten zu identifizieren. Auf der Website schema.org finden Sie eine Erklärung zur Verwendung von itemscope mit vordefinierten Schemas, um die Daten zu verbessern, die Suchmaschinen zur Verfügung gestellt werden.

http://schema.org/docs/gs.html

— Bryan
quelle