HTML5标签的用法

Question

问题

1. 平均而言，使用HTML5 语义标签相比增加了 CSS图层的使用（div）？
2. 此外，它们之间是否有很好的区别，是否优化了代码以提高速度和可维护性？
3. 字符长度的差异不大 和<div id="footer">是 兼容旧版浏览器 使用Modernizr或其他 Javascript解决方案来模拟 HTML5支持不受支持 浏览器。 因此，如果我只使用语义 HTML5的标签，而不是任何 像HTML一样推进HTML5的功能 audio，video等我错过了 什么？

实施例

HTML

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

CSS

#footer {}和Footer {}

Answer 1

根据我所见和经验，HTML5标签喜欢和主要提供给搜索引擎优化，以便搜索引擎可以（有一天？）正确使用这些部分和其他标签。

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

此时，我建议坚持使用div，因为它们被更广泛地使用并提供更好的跨浏览器功能。

我的两分钱。

Answer 2

  

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

你在这里混淆了两个不同的想法。 CSS可以像对旧元素一样轻松地应用于新元素。 CSS的使用与语义的使用无关。

  

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

速度？当然不是。

可维护性？好吧，他们减少了汤，所以从理论上来说，是的。

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

  

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

呃......你错过了音频和视频。 （这对您的网站是否重要是另一个故事）