Question

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

Answer 1

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

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

指定了itemscope属性的元素会创建一个新的项，即一组名称 - 值对。

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

Schema.org API使用它来关联搜索引擎和社交网络的数据。 Google+ uses schema作为为用户共享的页面提供标题，缩略图和说明的方式。

还应注意，在为网页提供元数据时，[itemscope]和[itemprop]与Facebook的Open Graph Protocol兼容。可以在一组<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>

请注意，在示例中，[itemscope]已添加到<html>元素。这意味着[itemprop]和<head>中的所有<body>属性都属于WebPage项。

Answer 2

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

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

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

2 个答案: