📜  什么是 HTML5 中的微数据?(1)

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

什么是 HTML5 中的微数据?

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标记了这个数据项中的具体属性,例如namejobTitleemail等。

常用的微数据类型有哪些?

常用的微数据类型包括人物、组织、事件、产品、评价、电影、音乐等。这些类型都可以在schema.org上找到对应的定义。

使用微数据有助于提高页面的可访问性和可用性。对于SEO来说,微数据也非常重要,因为它能够帮助搜索引擎更好地理解页面上的内容。

参考资料:

  1. What Are Microdata & Why Do You Need Them?
  2. Microdata
  3. schema.org