HTML5 o que é o atributo itemscope e o que ele faz em termos gerais?

89

Eu só queria saber para que serve basicamente o atributo itemscope do HTML5?

delimitar
fonte
2
Isso deve ser capaz de explicar para você em termos leigos: diveintohtml5.org/extensibility.html
Šime Vidas

Respostas:

67

O [itemscope]atributo é um atributo booleano para definir o escopo dos metadados contidos no elemento.

É definido na API de microdados HTML5 :

Cada elemento HTML pode ter um itemscopeatributo especificado. O itemscopeatributo é um atributo booleano.

Um elemento com o itemscopeatributo especificado cria um novo item , um grupo de pares nome-valor.

Em outras palavras, é uma forma de associar metadados a um nó DOM específico.

Isso é usado pela API Schema.org para associar dados para mecanismos de pesquisa e redes sociais. O Google+ usa o esquema como forma de fornecer títulos, miniaturas e descrições para as páginas compartilhadas pelos usuários.


Também deve ser observado que [itemscope]e [itemprop]são compatíveis com o protocolo Open Graph do Facebook ao fornecer metadados para uma página da web. Os mesmos metadados podem ser listados para mecanismos de pesquisa, Facbook e Google+ em um único conjunto de <meta>elementos, em vez de ter que listar as mesmas informações mais de uma vez:

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

Observe que no exemplo, [itemscope]foi adicionado ao <html>elemento. Isso significa que todos os [itemprop]atributos em <head>e <body>fazem parte do WebPageitem.

zzzzBov
fonte
1
Parece ter sido separado do HTML5 final: w3.org/TR/microdata
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
34

Mecanismos de busca, incluindo Bing, Google e Yahoo! agora estão usando itemscope e amigos para identificar dados semânticos em páginas da web. No site schema.org , eles explicam como usar o itemscope com esquemas predefinidos para melhorar os dados fornecidos aos mecanismos de pesquisa.

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

Bryan
fonte