Je voulais juste savoir à quoi sert l'attribut itemscope de HTML5, en gros ?
Il semble qu'il ait été séparé du HTML5 final : w3.org/TR/microdata
Réponses
Trop de publicités?
zzzzBov
Points
62084
En [itemscope] est un attribut booléen permettant de définir la portée des métadonnées contenues dans l'élément.
Il est défini dans le HTML5 Microdata API :
Chaque élément HTML peut avoir un
itemscopespécifié. Le siteitemscopeest un attribut booléen.Un élément avec l'attribut
itemscopespécifié crée un nouveau article un groupe de paires nom-valeur.
En d'autres termes, c'est un moyen d'associer des métadonnées à un nœud particulier du DOM.
Il est utilisé par le Schema.org API permettant d'associer des données pour les moteurs de recherche et les réseaux sociaux. Google+ utilise le schéma comme le moyen de fournir des titres, des vignettes et des descriptions pour les pages partagées par les utilisateurs.
Il convient également de noter que [itemscope] y [itemprop] sont compatibles avec le programme de Facebook Protocole Open Graph lors de la fourniture de métadonnées pour une page web. Les mêmes métadonnées peuvent être répertoriées pour les moteurs de recherche, Facbook et Google+ en un seul ensemble de <meta> plutôt que de devoir énumérer la même information plusieurs fois :
<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>Notez que dans l'exemple, [itemscope] a été ajouté à la <html> élément. Cela signifie que tout [itemprop] dans les attributs de l <head> y <body> font partie de la WebPage article.
Bryan
Points
817
Les moteurs de recherche tels que Bing, Google et Yahoo ! utilisent maintenant Itemcope et amis pour identifier les données sémantiques dans les pages web. Sur le site web schema.org ils ont une explication sur la façon d'utiliser Itemcope avec des schémas prédéfinis pour améliorer les données fournies aux moteurs de recherche.
ravitadi
Points
683
Une ressource impressionnante pour utiliser itemscope et comment l'utiliser par paulund http://www.paulund.co.uk/breadcrumb-schema-org
Il ajoute des fils d'Ariane à votre page, ce qui améliore la façon dont vos visiteurs voient votre page dans les résultats de recherche de google, yahoo, bing.
2 votes
Il devrait être en mesure de vous l'expliquer en termes simples : diveintohtml5.org/extensibilité.html