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 的任何高級功能，如音頻、視頻等，我錯過了什么嗎？

錯誤……您缺少音頻和視頻。 （這對您的網站是否重要是另一回事）