HTML itemprop 属性

全局属性 itemprop 被用于向一个元素中添加属性。每一个HTML元素都可以指定一个itemprop属性，一个itemprop属性由name-value对组成。

实例

<!DOCTYPE html>
<html>
<body>
<div itemscope>
 <p>我的名字是
   <span itemprop="name">Neil</span>.</p>
 <p>我的乐队叫
   <span itemprop="band">Four Parts Water</span>.</p>
 <p>我是一个
   <span itemprop="nationality">英国人</span>.</p>
</div>
</body>
</html>

运行一下

浏览器支持

属性
itemprop	Yes	Yes	Yes	Yes	Yes

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

定义和用法

全局属性 itemprop 被用于向一个物体中添加属性。每一个HTML元素都可以指定一个itemprop属性，一个itemprop属性由name-value对组成。

每一个键值对称为一个属性，一个元素可以有一个或者多个属性。属性值可以是一个string或者一个URL，并且可以和大部分元素进行组合，包括

<audio>
<embed>
<iframe>
<img>
<link>
<object>
<source>
<track>
<video>

提示：该属性拥有的值可能是字符串又或者是URL。当一个字符串值是一个URL的时候，它被用 <a> 及它的属性值 href 、<img> 及它的属性值 src 、或者其它被链接到或嵌入外部的资源的元素来表述。

语法

itemprop="name"

运行一下

更多实例

当时 itemscope 属性为 image 时，那么值就是url

<div itemscope>
 <img itemprop="image"
   src="google-logo.png" alt="Google">
</div>

ID不通俗，所以产品的名字是用的人所能看懂的文字而不是ID。

<h1 itemscope>
 <data itemprop="product-id"
   value="9678AOU879">The Instigator 2000</data>
</h1>

当时 itemscope 属性为生日时，那么值就是日期

<div itemscope>
 I was born on <time
   itemprop="birthday"
   datetime="2009-05-10">May 10th 2009</time>.
</div>

元素可以有多个拥有相同名字但是值不同的属性。

<div itemscope>
 <p>Flavors in my favorite ice cream:</p>
 <ul>
  <li itemprop="flavor">Lemon sorbet</li>
  <li itemprop="flavor">Apricot sorbet</li>
 </ul>
</div>

为了当一些属性有相同值的时候避免重复，元素同样可以一次性介绍多个属性。

<div itemscope>
 <span
  itemprop="favorite-color
    favorite-fruit">orange</span>
</div>

HTML itemprop 属性

实例

浏览器支持

定义和用法

语法

更多实例

分类导航