HTML5什么是itemscope属性,它在laymans术语是什么?

前端之家收集整理的这篇文章主要介绍了HTML5什么是itemscope属性,它在laymans术语是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我只是想知道什么是HTML5 itemscope属性用于基本上?

解决方法

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

它在HTML5 Microdata API中定义:

Every HTML element may have an itemscope attribute specified. The itemscope 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项目的一部分。

猜你在找的HTML5相关文章