HTML itemid屬性用法及代碼示例

在本文中，我們將通過示例了解 HTML itemid 屬性及其實現。

我們知道所有的 HTML 元素都有屬性，因為它們提供了關於特定元素的附加信息。它接受兩個參數，名稱和值，它們定義元素的屬性並放置在元素標簽內。

itemid 是一種全局屬性。 HTML 的所有元素共有的屬性，以項目的唯一全局標識符的形式提供微數據。隻有在使用微數據時才應使用此屬性。該屬性隻能用於同時具有 itemscope 和 itemtype 屬性的元素。如果 itemid 屬性缺失，則稱它沒有全局標識符。

用法:

<dl itemscope
   itemtype="https://www.geeksforgeeks.org/html-book"
   itemid="urn:isbn:0-323-34323-9">

屬性值：此屬性的值必須是沒有前導和尾隨空格的有效 URL。

Supported tags:

<dl>

注意：itemid 必須是 URL，或者您也可以使用我們在以下示例中使用的 URN。

範例1：

HTML


<!DOCTYPE html>
<html>
<head>
  <title>GeeksforGeeks</title>
</head>
<body>    
    <h2>Welcome To GFG Books</h2>
    <dl itemscope="" itemtype=
        "https://www.geeksforgeeks.org/html-book" 
        itemid="urn:isbn:0-330-34032-8">
    <dt>Title </dt>
    <dd itemprop="title">
       The Intro to C++
    </dd>
    <dt>Author </dt>    
    <dd itemprop="author">
       GFG Pvt. Ltd.
    </dd>
    <dt>Publication date </dt>
    <dd>
      <time itemprop="pubdate" datetime="1996-01-26">
       26 January 1996
       </time> 
     </dd>
    </dl>
</body>
</body>
</html>

輸出：

HTML itemid Attribute

範例2：

HTML


<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks</title>
</head>
    <body>
    <h2>Geeks Courses</h2>
    <dl itemscope="" 
        itemtype="https://www.geeksforgeeks.org/course"
        itemid="urn:crn-01-2021">
        <dt>Name </dt>
        <dd itemprop="title">Intro to Java</dd>
        <dt>Instructor </dt>
        <dd itemprop="author">Geeky G</dd>
        <dt>Start date</dt>
        <dd><time itemprop="pubdate" 
                datetime="1996-01-26">
                10 Jan 2022
            </time>
        </dd>
    </dl>
</body>
</html>

輸出：

HTML itemid Attribute

支持的瀏覽器：

穀歌瀏覽器
Edge
Firefox
Opera
IE瀏覽器
Safari

相關用法

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