📅  最后修改于: 2023-12-03 15:01:10.941000             🧑  作者: Mango
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
属性来指定该元素的属性,并使用 itemscope
和 itemtype
属性来指定该元素的类型和命名空间。
使用 itemscope
属性可以为元素和文档内容提供语义信息,这可以帮助搜索引擎、屏幕阅读器和其他用户代理更好地理解网页内容。例如,在上面的示例中,h1
元素的 itemprop="name"
属性指定该元素包含的文本是一个名称。搜索引擎将更容易索引和显示此信息。
itemscope
属性可以帮助提供语义信息,它是一个强大的 HTML5 功能。使用该属性可以提高网页的可用性和可访问性,并为搜索引擎优化提供支持。