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 {}

Answer 1

从我所见和经历的情况来看，HTML5 标签喜欢并且主要是为 SEO 提供的，以便搜索引擎可以（有一天？）可能正确使用这些部分和其他标签。

就像你说的，大多数标签都是语义化的，并没有提供真正的功能优势——事实上，大多数标签都破坏了旧浏览器中的渲染。 当我尝试使用 jQuery 和 HTML5Shiv.js/Modernizr.js 动态加载 HTML5 内容时，遇到了这些新标签的问题。 我无法正确呈现在 IE8 和 IE7 等旧浏览器中动态加载的元素。

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

我的两分钱。

Answer 2

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

您在这里混淆了两种不同的想法。 CSS 可以像应用于旧元素一样容易地应用于新元素。 CSS 的使用独立于语义的使用。

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

速度？ 当然不是。

可维护性？ 嗯，他们减少了 div 汤，所以理论上，是的。

优势在于文档中有更多语义，因此工具可以提取文档的相关部分、跳过部分等。

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

错误……您缺少音频和视频。 （这对您的网站是否重要是另一回事）