1、你如何理解HTML結構的語意化?
首先理解何爲語義化模塊:
簡單來講,語義元素就是爲元素(標籤)賦予某種意義,元素的名稱就是元素要表達的意思。如<header>
表示頁眉、<footer>
表示頁腳。
語義化的特點
①易於維護:使用語義元素將會有更清晰的頁面結構信息,易於頁面的後續維護。不需要再查看代碼:找到div再找到具體的ClassName。
②無障礙性:有助於屏幕閱讀器和其他輔助工具的讀取。
③利於搜索引擎優化:搜索機器人在檢查一些HTML5的語義元素後,可以收集其索引頁面的信息。
1、去掉或樣式丟失的時候能讓頁面呈現清晰的結構。
2、屏幕閱讀器(如果訪客有視障)會完全根據你的標記來”讀”你的網頁。
3、PDA、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網頁(通常是因爲這些設備對CSS的支持較弱)。
4、搜索引擎的爬蟲也依賴於標記來確定上下文和各個關鍵字的權重。
5、你的頁面是否對爬蟲容易理解非常重要,因爲爬蟲很大程度上會忽略用於表現的標記,而只注重語義標記。
6、便於團隊開發和維護。