HTML itemscope 属性
itemscope 是一个布尔值的 全局属性 。它定义了一个与元数据关联的数据项。就是说一个元素的 itemscope 属性会创建一个项,包含了一组与元素相关的键值对。
实例
<!DOCTYPE html>
<html>
<body>
<div itemscope itemtype ="http://schema.org/Movie">
<h1 itemprop="name">阿凡达</h1>
<span>导演: <span itemprop="director">詹姆斯·卡梅隆</span> (生于1954年8月16日)</span>
<span itemprop="genre">科幻故事</span>
</div>
</body>
</html>
上面一个例子指定的 itemscope 属性,设置了 itemtype 为 “http://schema.org/Movie", 并且有3个关联的 itemprop 属性(name、director、genre)。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
itemscope | Yes | Yes | Yes | Yes | Yes |
主流浏览器都支持 itemscope 属性。
定义和用法
itemscope 是一个布尔值的 全局属性 。它定义了一个与元数据关联的数据项。就是说一个元素的 itemscope 属性会创建一个项,包含了一组与元素相关的键值对。相关的属性 itemtype 通常表示表中一个有效的 URL (比如 schema.org) 来表述项目和上下文。
每个 HTML 元素都可以有指定的 itemscope 属性。一个具有 itemscope 属性的元素可以没有关联的 itemtype ,但必须有相关的 itemref。
当你表述一个元素的 itemscope 属性时,就创建了一个新的数据项。数据项包含了一组键值对。如果一个元素包含了 itemscope 和 itemtype 属性,你同时也就阐述了一个 id 属性。你可以用 id 属性为数据项设置一个全局的唯一身份。这样你就可以通过这个唯一身份与页面中其他的数据进行交互。
语法
itemtype ="http://schema.org/Movie"