講到語義化,我們首先來聊聊html語義化的背景,html結構語義化,是最近幾年才提出來的,以前的html結構,都是一堆的沒有語義的冷冰冰的標籤。最氾濫的就是div+css,以前的頁面,你一打來就是一堆的div+css, 為了改變這種這種狀況,開發者們和官方提出了讓html結構語義化的概念,並且官方w3c,也在html5給出了幾個新的語義化的標籤。
據說啊,是因為一下幾點?
(1)、盡可能少的使用沒有語義的div和span元素。
(2)、在對語義要求不明顯時,技能使用div也能使用p,那就使用p,以為p預設有上下邊距,可以相容特殊終端。
(2)、不要使用純樣式標籤,如:b、font、u等,改用css設定。
(4)、需要強調的文字,可以包含在strong或者em標籤中(瀏覽器預設樣式,能用css指定就不用他們),strong預設樣式是加粗(不要用b,因為沒語義),em是斜體(不用i同b);
(5)、使用**時,標題要用caption,表頭用thead,主體部分用tbody包圍,尾部用tfoot包圍。表頭和一般單元格要區分開,表頭標題用th,內容單元格用td;
理解HTML語義化
1 什麼是html語義化?基本上都是圍繞著幾個主要的標籤,像標題 h1 h6 列表 li 強調 strong em 等等 根據內容的結構化 內容語義化 選擇合適的標籤 語義化 便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2 為什麼要語義化?3 寫html 時應注意什麼?4 h...
理解HTML語義化
1 什麼是html語義化?基本上都是圍繞著幾個主要的標籤,像標題 h1 h6 列表 li 強調 strong em 等等 根據內容的結構化 內容語義化 選擇合適的標籤 語義化 便於開發者閱讀和寫出更優雅的 的同時讓瀏覽器的爬蟲和機器很好地解析。2 為什麼要語義化?3 寫html 時應注意什麼?4 h...
如何理解HTML結構的語義化?
這裡是修真院前端小課堂,每篇分享文從 八個方面深度解析前端知識 技能,本篇分享的是 如何理解html結構的語義化?1.背景介紹 html結構語義化,是最近幾年才提出來的,以前的html結構,都是一堆的沒有語義的冷冰冰的標籤。最氾濫的就是div css,以前的頁面,一上來就是一堆的div css,為了...