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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。