Chciałem się tylko dowiedzieć, do czego zasadniczo służy atrybut HTML5 itemscope?
Chciałem się tylko dowiedzieć, do czego zasadniczo służy atrybut HTML5 itemscope?
Odpowiedzi:
[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ć
itemscope
określony atrybut.itemscope
Atrybut jest atrybutem logiczna.Element z
itemscope
okreś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ą WebPage
elementu.
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.