几乎没人使用的内联 HTML 标签

大多数开发者都熟悉

你可能会忽略其他的标签,比如 。这是因为你更倾向于直接使用

使用这些元素可以增加语义。一个经过样式的 span 对机器来说毫无意义。而这些元素能为屏幕阅读器和搜索引擎提供数据。

以下是你应该了解的有用元素:

:用于追踪变更。使用 表示删除的文本,使用 表示新增的文本。它们配合使用来展示编辑内容。 • :用于表示不再准确的内容。它与删除不同,它用于标记过时的信息,例如旧价格。 • :用于化学公式或数学指数。不要仅仅为了让文本变小而使用它们。 • :用于数学或代码中的变量。 • :用于突出显示相关的文本。搜索引擎利用它来展示查询匹配项。 • :通过工具提示提供缩写词的全称。 • :用于标记定义术语的具体实例。 • :用于书籍或论文等作品的标题。它不用于人名。 • :用于处理行内引用。浏览器会自动为你添加引号。

浏览器的默认样式通常不太美观。 看起来像黄色荧光笔。 则带有随机的符号。

你不需要避开这些标签。你只需要添加 CSS。

设置品牌色。为 设置虚线下划线。这能将语义化代码转化为整洁的排版。

一年正确使用一次标签,也比使用一个掩盖内容真实含义的 span 要好。

Source: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d