什么是 microformats？
Microformats 是一种在 HTML 中嵌入语义信息的方法。通过使用类似“h-card”、“h-entry”等 class 名称，在 HTML 中嵌入对应数据，使得机器能够以标准的、可预测的方式解析出其中的信息。这种方式能够让 Web 更容易地实现语义化，并且方便开发者使用，本文将介绍一个可通过 npm 安装的 microformats 解析工具 microformat-node 的使用方法。
安装 microformat-node
安装 microformat-node 可以使用 npm：
--- ------- ----------------
使用 microformat-node
使用 microformat-node 首先需要导入该包：
----- ----------- - ----------------------------
解析 HTML
microformat-node 提供了一个 parseHtml 方法，该方法传入一个 HTML 字符串，解析出其中的 microformats 信息：
----- ---- - -
------
------
------------- --------------
-------
------
---- ---------------
-- ------------------- -------
-- ------------- ------------------------------------------
------
-------
-------
--
--------------------------------------- -- -
------------------
---上述代码会输出以下结果：
-
------ --
----- - -------- --
----------- -
----- - ----- ---- --
---- - --------------------- -
-
--
-items 中的每一项都是一个包含 type 和 properties 的对象，其中 type 表示该条数据的类型（比如上述的 h-card），properties 表示该数据的属性集合。
解析 URL
microformat-node 提供了一个 parseUrl 方法，该方法传入一个 URL，解析出其中的 microformats 信息：
----- --- - --------------------- ------------------------------------- -- - ------------------ ---
解析 Stream
microformat-node 还提供了一个 parseStream 方法，该方法传入一个可读流对象，解析出其中的 microformats 信息：
----- -- - -------------- ----- ------ - ------------------------------------ ------------------------------------------- -- - ------------------ ---
解析选项
microformat-node 还提供了一些可选的解析选项，比如传入 rel 参数可以只解析指定 rel 值的链接：
----- ---- - -
------
------
----- -------- ------------------------- --
----- -------- ------------------------- --
-------
------
---- ---------------
-- ------------------- -------
-- ------------- ------------------------------------------
------
-------
-------
--
--------------------------- - ---- ---- -------------- -- -
------------------
---上述代码会输出以下结果：
-
------ --
----- - -------- --
----------- -
----- - ----- ---- --
---- - --------------------- -
-
--
-总结
本文介绍了 npm 包 microformat-node 的用法及相关的解析选项。通过使用 microformats，我们可以在 HTML 中嵌入语义信息，让 Web 更容易地实现语义化。microformat-node 提供了一种方便的解析工具，帮助开发者快速地解析出其中的信息。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f451d8e776d08040f29