你应该考虑更频繁地使用以下 5 个 HTML 标签。
编写 HTML 代码时,开发人员经常使用诸如div<code>、section</code> p、span</code> 之类的常用标签,这没问题。
但为了让你的标记更有意义(更具语义化),我建议你更频繁地使用以下标签。所以,不要使用普通的div`<div>` 和span`<span>`,而是尝试:
1.address
当您需要用标签包裹联系信息或联系地址时,请使用此标签。
<address>
150 Deansgate,<br>
Manchester M3 3EH,<br>
United Kingdom
</address>
此标签可能还包含:
任何所需的联系信息,例如实际地址、网址、电子邮件地址、电话号码、社交媒体账号、地理坐标等等。 - MDN
2.del
要标记已从文档中删除的内容,请使用del。此元素带有默认strike-through样式。
我发现这个元素最常见的用途之一是显示价格。
<p>
The item is sold out <del>19.95$</del>
</p>
通常,这个元素会与其对应的元素一起出现……
3.ins
它用于表明内容已添加到文档中。
价格方面又是一个很好的例子,ins这是新的价格:
<p>
The item is on sale only <ins>9.95$</ins> <del>19.95$</del>
</p>
4.small
此标签用于定义侧边注释和小字说明。默认情况下,标签内的内容small通常采用较小的font-size样式。其用途之一是将版权或法律文本包裹在页脚中。
<footer>
<p>Yoursitename</p>
<small>Copyright © 2019</small>
</footer>
5.time
最后,此标签用于显示特定时间或日期。通常,time标签会带有指示时间和/或日期的datetime属性。
通常用于显示发布帖子的日期和时间。
<p>
Published on <time datetime="2019-11-27T00:30">November 27, 2019</time>.
</p>