HTML5 qual è l'attributo itemscope e cosa fa in parole povere?

Question 1

Volevo solo sapere a cosa serve fondamentalmente l'attributo itemscope HTML5?

Question 2

L' [itemscope]attributo è un attributo booleano per definire l'ambito dei metadati contenuti all'interno dell'elemento.

È definito nell'API dei microdati HTML5 :

Ogni elemento HTML può avere un itemscopeattributo specificato. L' itemscopeattributo è un attributo booleano.

Un elemento con l' itemscopeattributo specificato crea un nuovo elemento , un gruppo di coppie nome-valore.

In altre parole, è un modo per associare i metadati a un particolare nodo DOM.

Viene utilizzato dall'API Schema.org per associare dati per motori di ricerca e social network. Google+ utilizza lo schema per fornire titoli, miniature e descrizioni per le pagine condivise dagli utenti.

Va anche notato che [itemscope]e [itemprop]sono compatibili con il protocollo Open Graph di Facebook quando si forniscono metadati per una pagina web. Gli stessi metadati possono essere elencati per motori di ricerca, Facbook e Google+ in un unico insieme di <meta>elementi anziché dover elencare le stesse informazioni più di una volta:

<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>

Nota che nell'esempio è [itemscope]stato aggiunto <html>all'elemento. Ciò significa che tutti gli [itemprop]attributi in <head>e <body>fanno parte WebPagedell'articolo.

Question 3

Motori di ricerca inclusi Bing, Google e Yahoo! stanno ora usando itemscope e friends per identificare i dati semantici nelle pagine web. Sul sito web schema.org , hanno una spiegazione di come utilizzare itemscope con schemi predefiniti per migliorare i dati forniti ai motori di ricerca.

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