📜  HTML itemscope 属性(1)

📅  最后修改于: 2023-12-03 15:01:10.941000             🧑  作者: Mango

HTML itemscope 属性

itemscope 属性是 HTML5 中的一个元素属性,用于为元素声明一个新的命名空间,并将该元素及其所有后代元素附加到该命名空间中,从而为元素和它们的内容提供语义信息。

使用方法

itemscope 属性通常与 itemtype 属性一起使用。itemtype 属性定义了命名空间的 URI(统一资源标识符)。

<body itemscope itemtype="http://schema.org/Person">
  <h1 itemprop="name">John Doe</h1>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">123 Main St</span>
    <br>
    <span itemprop="addressLocality">Anytown</span>,
    <span itemprop="addressRegion">CA</span>
    <span itemprop="postalCode">12345</span>
  </div>
</body>

在上面的示例中,body 元素使用 itemscope 属性声明命名空间,并使用 itemtype 属性为该命名空间指定了 URI。h1 元素和 div 元素都使用 itemprop 属性来指定该元素的属性,并使用 itemscopeitemtype 属性来指定该元素的类型和命名空间。

语义信息

使用 itemscope 属性可以为元素和文档内容提供语义信息,这可以帮助搜索引擎、屏幕阅读器和其他用户代理更好地理解网页内容。例如,在上面的示例中,h1 元素的 itemprop="name" 属性指定该元素包含的文本是一个名称。搜索引擎将更容易索引和显示此信息。

结论

itemscope 属性可以帮助提供语义信息,它是一个强大的 HTML5 功能。使用该属性可以提高网页的可用性和可访问性,并为搜索引擎优化提供支持。