发布于 2026-01-06 0 阅读
0

你应该考虑更频繁地使用以下 5 个 HTML 标签。

你应该考虑更频繁地使用以下 5 个 HTML 标签。

编写 HTML 代码时,开发人员经常使用诸如div<code>、section</code> pspan</code> 之类的常用标签,这没问题。

但为了让你的标记更有意义(更具语义化),我建议你更频繁地使用以下标签。所以,不要使用普通的div`<div>` 和span`<span>`,而是尝试:

1.address

当您需要用标签包裹联系信息或联系地址时,请使用此标签。

<address>
  150 Deansgate,<br>
  Manchester M3 3EH,<br>
  United Kingdom
</address>
Enter fullscreen mode Exit fullscreen mode

此标签可能还包含:

任何所需的联系信息,例如实际地址、网址、电子邮件地址、电话号码、社交媒体账号、地理坐标等等。 - MDN

2.del

要标记已从文档中删除的内容,请使用del。此元素带有默认strike-through样式。

我发现这个元素最常见的用途之一是显示价格。

<p>
  The item is sold out <del>19.95$</del>
</p>
Enter fullscreen mode Exit fullscreen mode

通常,这个元素会与其对应的元素一起出现……

3.ins

它用于表明内容已添加到文档中。

价格方面又是一个很好的例子,ins这是新的价格:

<p>
  The item is on sale only <ins>9.95$</ins> <del>19.95$</del>
</p>
Enter fullscreen mode Exit fullscreen mode

4.small

此标签用于定义侧边注释和小字说明。默认情况下,标签内的内容small通常采用较小的font-size样式。其用途之一是将版权或法律文本包裹在页脚中。

<footer>
  <p>Yoursitename</p>
  <small>Copyright © 2019</small>
</footer>
Enter fullscreen mode Exit fullscreen mode

5.time

最后,此标签用于显示特定时间或日期。通常,time标签会带有指示时间和/或日期的datetime属性

通常用于显示发布帖子的日期和时间。

<p>
  Published on <time datetime="2019-11-27T00:30">November 27, 2019</time>.
</p>
Enter fullscreen mode Exit fullscreen mode
文章来源:https://dev.to/nikitahl/5-html-tags-you-should-consider-using-more-often-mm