什么是 microdata？
Microdata 是一种 HTML5 的扩展规范，用于为网页提供结构化数据的标记语言，可以使搜索引擎更好地理解网页中的内容和信息，进而呈现更多的搜索结果信息。
安装 microdata
通过 npm 安装 microdata：
npm install microdata
使用 microdata
- 在 JavaScript 文件中引入 microdata：
import { getItems } from 'microdata';- 使用
getItems方法获取包含微数据的 HTML 元素列表：
-- -------------------- ---- -------
------
------
---------------- ---------------
-------
------
---- --------- ------------------------------------
--- -------------------- --------
-- -------------------------------------
-- --------------------------------- ----------------------------------------
------
-------
-------const items = getItems(document.body);
- 对获取到的微数据进行操作，例如获取
name属性的值：
const name = items[0].properties.name[0].value; console.log(name); // John Doe
深度学习 microdata
与其他的网页结构化数据标记语言不同，Microdata 的语法比较简单易懂，但是其内容却不止于此。Microdata 规范定义了多种标记类型和属性，这些都是帮助搜索引擎更好地理解网页的重要组成部分。以下是几种常见的 Microdata 类型：
- Article
- Event
- FAQ
- HowTo
- LocalBusiness
- Organization
- Person
- Product
- Review
- Recipe
学习 Microdata 主要包含以下几个方面：
- 掌握 Microdata 标签的使用方式。
- 熟悉 Microdata 预定义类型的属性内容。
- 学习如何自定义 Microdata 类型。
使用示例
下面是一个使用 Microdata 的示例，对一些内容进行了简单的标记。
-- -------------------- ---- -------
------
------
---------------- ---------------
-------
------
--- ------------------------ --------- --------
---- ----------------------------- --------- ------------------------------------------
--- ------------------- ------------
---- --------------- ---------------
------
---- ---------------------- --------- -----------------------------------
--- ------------------ --------- -------------------------------------------
----- ------------------------------ -----------------
----- ----------------------------------
-----
------
---- -----------------------
-- --- ------- --- - -------- -------- --------- -- ---- --- -----
------
---- -----------------------------------------
---- --------------------------------------
-------
-------以上内容展示了如何使用 Microdata 标记一个招聘信息，其中使用了 Microdata 预定义的类型 Organization 和 Place。可以看到，标记数据不仅包含了基本的文字信息，还有相关组织和位置的信息。
小结
通过该教程的学习，我们了解了 Microdata 的基本语法，以及如何使用 npm 包 microdata 来解析网页中的微数据。同时，我们还学习了常见的 Microdata 类型和属性内容，以及如何自定义 Microdata 类型，最终通过示例展示了如何使用 Microdata 标记网页的内容。 Microdata 的应用可以帮助搜索引擎更好地理解网页中的信息，对提升网页的搜索排名和用户体验有着重要的意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f451d8e776d08040eef