我只是想知道什么是HTML5 itemscope属性用于基本上?
解决方法
[itemscope]属性是一个布尔属性,用于定义元素中包含的元数据的范围。
它在HTML5 Microdata API中定义:
Every HTML element may have an
itemscope
attribute specified. Theitemscope
attribute is a boolean attribute.An element with the
itemscope
attribute specified creates a new item,a group of name-value pairs.
换句话说,它是一种将元数据与特定DOM节点相关联的方法。
这由Schema.org API用于关联搜索引擎和社交网络的数据。 Google+ uses schema作为为用户共享的页面提供标题,缩略图和描述的方式。
还应当注意,当为网页提供元数据时,[itemscope]和[itemprop]与Facebook的Open Graph Protocol兼容。可以针对搜索引擎,Facbook和Google在单个< Meta>集合中列出相同的元数据。元素,而不必多次列出相同的信息:
<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>
请注意,在示例中,[itemscope]已添加到< html>元件。这意味着< head>中的任何[itemprop] < body>是WebPage项目的一部分。