html5--6-68 實戰前的準備工作:了解HTML5大綱算法

學習要點

• 了解HTML5大綱算法

---

在html5中有一個很重要的概念，叫做HTML5大綱算法(HTML5 Outliner),它的用途為用戶提供一份頁面的信息結構目錄。合理的使用HTML5元素標簽，可以生成一個非常清晰的文檔大綱

HTML5大綱算法

我們可以通過各種工具去查看當前頁面，這里推薦使用一個測試工具：HTML5 Outliner，網址如下：https://gsnedders.html5.org/outliner/

了解一下section和div的區別

• div元素在html5之前是最常用的最流行的標簽，但他本身是沒有任何語義的，它只不過是用來布局頁面和CSS樣式以及JS調用。
• 在html5中section標簽并不是用來取代div的。他是具有語義的文檔標簽，在大綱規范中規定section至少要包含一個標題。也就是section標簽內至少包含一個h1~h6.
• 如果是頁面布局，且不是header、footer之類的專屬區域，都應該使用div;

body、nav、section都是需要有標題的才規范.header和div則是不需要標題的。

section和nav元素大綱要求有標題h1~h6，但是section必須有才規范，而nav如果沒有標題，也是合理的。給他添加了標題會讓大綱更好看，所以我們可以添加完了在隱藏，就不會破壞布局了。

?

總結

以上是生活随笔為你收集整理的html5--6-68 实战前的准备工作:了解HTML5大纲算法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。