HTML itemscope 属性

itemscope 是一个布尔值的 全局属性 。它定义了一个与元数据关联的数据项。就是说一个元素的 itemscope 属性会创建一个项,包含了一组与元素相关的键值对。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <div itemscope itemtype ="http://schema.org/Movie">
  5. <h1 itemprop="name">阿凡达</h1>
  6. <span>导演: <span itemprop="director">詹姆斯·卡梅隆</span> (生于1954年8月16日)</span>
  7. <span itemprop="genre">科幻故事</span>
  8. </div>
  9. </body>
  10. </html>

上面一个例子指定的 itemscope 属性,设置了 itemtype 为 “http://schema.org/Movie", 并且有3个关联的 itemprop 属性(name、director、genre)。


浏览器支持

属性
itemscopeYesYesYesYesYes

主流浏览器都支持 itemscope 属性。


定义和用法

itemscope 是一个布尔值的 全局属性 。它定义了一个与元数据关联的数据项。就是说一个元素的 itemscope 属性会创建一个项,包含了一组与元素相关的键值对。相关的属性 itemtype 通常表示表中一个有效的 URL (比如 schema.org) 来表述项目和上下文。

每个 HTML 元素都可以有指定的 itemscope 属性。一个具有 itemscope 属性的元素可以没有关联的 itemtype ,但必须有相关的 itemref。

当你表述一个元素的 itemscope 属性时,就创建了一个新的数据项。数据项包含了一组键值对。如果一个元素包含了 itemscope 和 itemtype 属性,你同时也就阐述了一个 id 属性。你可以用 id 属性为数据项设置一个全局的唯一身份。这样你就可以通过这个唯一身份与页面中其他的数据进行交互。


语法

  1. itemtype ="http://schema.org/Movie"