📅  最后修改于: 2023-12-03 15:21:46.271000             🧑  作者: Mango
HTML5 中的微数据(microdata)是一种用于为Web页面添加语义信息的机制。它允许开发人员将更多的含义添加到HTML标记中,以便更好地理解页面上存在的内容。
微数据有助于解决在搜索引擎、社交媒体和其他应用程序中处理Web页面内容的问题。在没有标记的情况下,这些应用程序很难判断一个页面上的内容是什么。微数据为数据提供了结构化的方式,使应用程序能够更容易地理解和使用这些数据。此外,标记页面的数据还可以帮助搜索引擎更有效地返回搜索结果。
使用微数据需要在HTML标记中添加一些额外的属性。这些属性包括“itemscope”、“itemtype”和“itemprop”。其中,itemscope用于表示一个HTML元素是含义完整的数据项,itemtype指定数据项的类型,而itemprop则指定具体的属性。
例如:
<figure itemscope itemtype="http://schema.org/Person">
<img src="john_doe.jpg" alt="John Doe">
<figcaption itemprop="name">John Doe</figcaption>
<span itemprop="jobTitle">Web Developer</span>
<a href="mailto:john@doe.com" itemprop="email">john@doe.com</a>
</figure>
上面的代码片段中,itemscope
指明了这个<figure>
元素是一个完整的数据项,itemtype
指定了这个数据项的类型是http://schema.org/Person
,而itemprop
标记了这个数据项中的具体属性,例如name
、jobTitle
和email
等。
常用的微数据类型包括人物、组织、事件、产品、评价、电影、音乐等。这些类型都可以在schema.org上找到对应的定义。
使用微数据有助于提高页面的可访问性和可用性。对于SEO来说,微数据也非常重要,因为它能够帮助搜索引擎更好地理解页面上的内容。
参考资料: