itemtype 属性指定 URL,但 URL 不与任何资源连接,而是由浏览器用作标识符。 itemtype 属性只能在包含 itemscope 属性的元素上指定,否则将无法正确执行。 itemtype URL 中使用的项目类型必须是 schema.org 提供的规范中定义的类型。一些引用 schema.org 上的微数据的浏览器会在网页上查找特定资源,并且主要使用这些 itemtype 和 itemscope 属性。 itemtype 属性应该有一个包含无序的唯一标记集的值,并且这些标记区分大小写,指定每个标记都包含绝对且有效的 URL。该属性的值应至少包含 1 个标记。
用法:
<div itemscope itemtype="URL"> <span itemprop="item1">item name</span> <span itemprop="item2">item name</span> </div>
注意: 物品种类必须是 URL,或者您也可以使用我们在下面的示例中使用的 URN(统一资源名称)。
属性值:该属性必须包含有效的 URL,且不包含前导和尾随空格。
Supported tags:
示例 1:此示例说明 HTML 中 itemtype 属性的实现。
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML itemtype attribute</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h4>Tutorials and Courses</h4>
<div itemscope itemtype=
"http://geeksforgeeks.org">
<span itemprop="description">
GeeksforGeeks is a portal for geeks.
It has tutorials on various topics.
</span>
<br>
Course: <span itemprop="course">Java</span>
<br>
Tutorial: <span itemprop="tutorial">C++</span>
<br>
</div>
</body>
</html>
输出:
示例 2:此示例通过指定项目属性说明了一个项目的属性。
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML itemtype attribute</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h4>Paid Courses</h4>
<div itemscope itemtype=
"http://geeksforgeeks.org">
<span itemprop="product" itemtype=
"http://geeksforgeeks.org/product">
GeeksforGeeks is a portal for geeks.
</span><br><br>
Course:
<span itemprop="course">
Data Structures and Algorithms
</span><br>
Tutorial:
<span itemprop="tutorial">
Core Java
</span>
</div>
</body>
</html>
输出:
支持的浏览器:支持的浏览器物品种类属性如下:
- 谷歌浏览器
- Microsoft Edge 12 及更高版本
- Firefox
- Opera
- Safari
相关用法
- HTML itemid属性用法及代码示例
- HTML itemprop属性用法及代码示例
- HTML itemscope属性用法及代码示例
- HTML isTrusted Event用法及代码示例
- HTML image naturalHeight用法及代码示例
- HTML image naturalWidth用法及代码示例
- HTML images Collection用法及代码示例
- HTML input image height用法及代码示例
- HTML ins cite用法及代码示例
- HTML ins dateTime用法及代码示例
- HTML input formmethod用法及代码示例
- HTML input maxlength用法及代码示例
- HTML input readonly用法及代码示例
- HTML input value用法及代码示例
- HTML ismap属性用法及代码示例
- HTML inputmode属性用法及代码示例
- HTML is属性用法及代码示例
- HTML <Checkbox>用法及代码示例
- HTML <Radio>用法及代码示例
- HTML <bdi>用法及代码示例
- HTML <cite>用法及代码示例
- HTML <col>用法及代码示例
- HTML <fieldset>用法及代码示例
- HTML <menu>用法及代码示例
- HTML <meta>用法及代码示例
注:本文由纯净天空筛选整理自tarunsinghwap7大神的英文原创作品 HTML itemtype Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。