HTML5什么是itemscope属性以及它在外行术语中的作用是什么？

Question

HTML5什么是itemscope属性以及它在外行术语中的作用是什么？

del*_*mit 86 html5

我只是想知道什么是HTML5 itemscope属性基本上用于什么？

Answer 1

zzz*_*Bov 65

该[itemscope]属性是一个布尔属性,用于定义元素中包含的元数据的范围.

它在HTML5 Microdata API中定义:

每个HTML元素都可以itemscope指定一个属性.该itemscope属性是布尔属性.

具有itemscope指定属性的元素将创建一个新项,即一组名称 - 值对.

换句话说,它是一种将元数据与特定DOM节点相关联的方式.

这是使用的Schema.org API为搜索引擎和社交网络数据相关联.Google+使用架构作为为用户共享的页面提供标题,缩略图和说明的方式.

还应当指出的是,[itemscope]并[itemprop]与Facebook的兼容的Open Graph协议的网页提供元数据时.可以在一组<meta>元素中为搜索引擎,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>

Run Code Online (Sandbox Code Playgroud)

请注意,在示例中,[itemscope]已添加到<html>元素中.这意味着,任何[itemprop]在属性<head>和<body>是部分WebPage项目.

Answer 2

Bry*_*yan 34

搜索引擎包括Bing,Google和Yahoo! 现在使用itemscope和朋友来识别网页中的语义数据.在网站schema.org上,他们解释了如何使用带有预定义模式的itemscope来改进提供给搜索引擎的数据.

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

归档时间：	14 年，10 月前
查看次数：	78295 次
最近记录：	7 年，7 月前