HTML5标签的使用方法

Question

问题

1. 与使用CSS图层(div)相比，HTML5语义标签的使用频率是否增加了？
2. 此外，它们之间有什么好的区别，并且它是否优化了代码以获得更好的速度和可维护性？
3. 字符长度的差异不大，<div id="footer">在旧版浏览器中也兼容，无需使用Modernizr或其他JavaScript解决方案来模拟对不支持HTML5的浏览器的支持。因此，如果我只使用HTML5的语义标签，而不使用任何HTML5的高级功能，如audio、video等，我会错过什么吗？

示例

HTML

<footer>和<div id="footer">

CSS

#footer {}和Footer {}

- Jitendra Vyas

Answer 1

根据我所见和经验，像<section>和<article>这样的HTML5标签主要是为了SEO而提供的，以便搜索引擎可以（有一天？）正确地使用这些部分和其他标签。

就像你所说，“大多数”标签都是语义化的，没有真正的功能优势 - 实际上，大多数会破坏旧浏览器中的渲染。当我尝试使用jQuery和HTML5Shiv.js/Modernizr.js动态加载HTML5内容时，我遇到了一个问题。在旧版本的浏览器（如IE8和IE7）中无法正确呈现被动态加载的元素。

在这一点上，我建议坚持使用<div>，因为它们更广泛地使用，并提供更好的跨浏览器功能。

以上为个人意见。

- ebrandell

Answer 2

平均而言，与 CSS 层（div）的使用相比，HTML5 语义标签的使用有增加吗？

您在混淆两个不同的概念。CSS 可以像旧元素一样轻松地应用于新元素。CSS 的使用与语义无关。

另外，它们之间是否有很大的区别，能够优化代码以获得更好的速度和可维护性呢？

速度？当然不会。

可维护性？好吧，它们减少了 div 混杂，因此从理论上讲，是的。

优点在于文档中有更多的语义，所以工具可以提取相关部分的文档，跳过某些部分等等。

字符长度的差异并不大，并且兼容老版本的浏览器，而无需使用 Modernizr 或其他 JavaScript 解决方案来模拟对不支持 HTML5 的浏览器的支持。因此，如果我只使用 HTML5 的语义标签，并且不使用任何 HTML5 的高级功能例如音频、视频等，我会错过什么吗？

呃...您会错过音频和视频。（这是否对您的网站有影响是另一回事）。

- Quentin