HTML5 czym jest atrybut itemscope i co robi w kategoriach laików?


Odpowiedzi:


68

[itemscope]Atrybut wartość logiczną atrybutów do definiowania zakresu metadanych zawartych w elemencie.

Jest zdefiniowany w HTML5 Microdata API:

Każdy element HTML może mieć itemscopeokreślony atrybut. itemscopeAtrybut jest atrybutem logiczna.

Element z itemscopeokreślonym atrybutem tworzy nowy element , grupę par nazwa-wartość.

Innymi słowy, jest to sposób na powiązanie metadanych z określonym węzłem DOM.

Jest używany przez interfejs API Schema.org do kojarzenia danych dla wyszukiwarek i sieci społecznościowych. Google+ używa schematu jako sposobu na podawanie tytułów, miniatur i opisów stron udostępnianych przez użytkowników.


Należy również zauważyć, że [itemscope]i [itemprop]są one zgodne z protokołem Open Graph Facebooka przy udostępnianiu metadanych dla strony internetowej. Te same metadane mogą być wymienione dla wyszukiwarek, Facbook i Google+ w jednym zestawie <meta>elementów, zamiast wymieniać te same informacje więcej niż raz:

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

Zwróć uwagę, że w przykładzie [itemscope]został dodany do <html>elementu. Oznacza to, że wszystkie [itemprop]atrybuty w <head>i <body>są częścią WebPageelementu.


1
Wygląda na to, że został oddzielony od ostatecznej wersji HTML5: w3.org/TR/microdata
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

34

Wyszukiwarki, w tym Bing, Google i Yahoo! używają teraz itemscope i znajomych do identyfikacji danych semantycznych na stronach internetowych. W witrynie schema.org znajduje się wyjaśnienie, jak używać itemscope z predefiniowanymi schematami w celu ulepszenia danych dostarczanych do wyszukiwarek.

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

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.