值得了解的不常见 HTML 标签

总结

使用正确的 HTML 元素比我们许多人意识到的更重要。

它被称为语义 HTML，旨在赋予页面意义，而不仅仅是呈现。一个<p>元素包含一个段落，每个人都知道它应该是什么样子。它不仅有助于向搜索引擎传达页面内容，还能帮助屏幕阅读器尽可能高效地完成工作。

本文将列出一些鲜为人知的标签，以便您在日常工作中拥有尽可能多的工具。

<abbr>：缩写

应包含类似以下示例中的缩写。您可以使用 title 属性或提供定义的内联文本来定义读者不熟悉的缩写。

文档

<dfn>：定义

您应该将此元素用于句子上下文中所描述的元素。祖先<p>、<dt>/<dd>或<section>被视为该词的定义。

文档

<address>： 联系信息

您可以使用它来提供联系信息。

正如Lars De Richter在评论中分享的那样，我们应该记住，并非所有类型的地址都应使用此元素显示：

address 元素提供的信息可能包括文档维护者的姓名、维护者网页链接、用于反馈的电子邮件地址、邮政地址、电话号码等等。address 元素并非适用于所有邮政地址和电子邮件地址；它应该保留用于提供文档联系人的此类信息。

文档

<cite>：引用

应在引用所引用的创意作品时使用。

文档

<del>：删除的文本

此标签可以包围已从文档中删除的文本。

绝对值得注意此标签所呈现的可访问性问题。

文档

<hgroup>：多级标题

此标签可以重新组合文档中的多个标题 ( <h1>-<h6>)。这样，此组中的次要子标题都不会创建单独的章节。

值得注意的是，“该元素已从 HTML5 (W3C) 规范中移除，但仍存在于 WHATWG 版本的 HTML 中。不过，它在大多数浏览器中都已部分实现，因此不太可能消失。” 因此请谨慎使用 😄更多信息

文档

<ins>：插入文本

表示已添加到文档的文本范围，与 Github 显示的已替换代码行非常相似。

文档

总结

很多 HTML 标签对于绝大多数 Web 开发者来说都是陌生的。将内容和含义放在同等重要的位置，将有助于我们构建更好、更具包容性的网页。只需多加练习😄

我希望你能找到这些标签的一些用例，其中一些尽可能具体。

无论如何，非常感谢你的阅读。如果你喜欢这篇文章并学到了一些知识，在 Twitter 上关注我@christo_kade将是了解我最新文章和奇葩项目的最佳方式。