HTML5什么是itemscope属性?用外行术语来说,它做什么?
我只是想知道HTML5 itemscope属性基本上用于什么?属性HTML5什么是itemscope属性?用外行术语来说,它做什么?,html,Html,我只是想知道HTML5 itemscope属性基本上用于什么?属性[itemscope]是一个布尔属性,用于定义元素中包含的元数据的范围 它在API中定义: 每个HTML元素都可以指定一个itemscope属性。itemscope属性是一个布尔属性 指定了itemscope属性的元素将创建一个新的项,即一组名称-值对 换句话说,它是一种将元数据与特定DOM节点关联的方法 API使用它来关联搜索引擎和社交网络的数据。作为为用户共享的页面提供标题、缩略图和说明的方式 还应注意的是,当为网页提供元数
[itemscope]
是一个布尔属性,用于定义元素中包含的元数据的范围
它在API中定义:
每个HTML元素都可以指定一个itemscope
属性。itemscope
属性是一个布尔属性
指定了itemscope
属性的元素将创建一个新的项,即一组名称-值对
换句话说,它是一种将元数据与特定DOM节点关联的方法
API使用它来关联搜索引擎和社交网络的数据。作为为用户共享的页面提供标题、缩略图和说明的方式
还应注意的是,当为网页提供元数据时,
[itemscope]
和[itemprop]
与Facebook兼容。搜索引擎、Facbook和Google+可以在一组
元素中列出相同的元数据,而不必多次列出相同的信息:
<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]
被添加到
元素中。这意味着
和
中的任何[itemprop]
属性都是网页
项目的一部分。搜索引擎包括Bing、Google和Yahoo!现在正在使用itemscope和friends识别网页中的语义数据。在网站上,他们解释了如何使用带有预定义模式的itemscope来改进提供给搜索引擎的数据
这应该可以用外行的术语向您解释:它似乎已经从最终的HTML5中分离出来: