HTML itemtype屬性用法及代碼示例

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:

Div
<span>

示例 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>

輸出：

HTML itemtype Attribute

示例 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>

輸出：

HTML itemtype Attribute

支持的瀏覽器：支持的瀏覽器物品種類屬性如下：

穀歌瀏覽器
Microsoft Edge 12 及更高版本
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自tarunsinghwap7大神的英文原創作品 HTML itemtype Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。