語義化是指使用恰當語義的html標簽,讓頁面具有良好的結構和含義。

公司主營業務:成都網站設計、成都做網站、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳,提高企業的競爭能力。創新互聯公司是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰,讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創新互聯公司推出民樂免費做網站回饋大家。
比如p標簽就代表段落;article代表正文內容等。
語義化的好處有以下兩點:
- 開發者友好:使用語義類標簽增強了可讀性,開發者也能夠清晰地看出網頁的結構,也更為便于團隊的開發和維護;
- 機器友好:帶有語義的文字表現力豐富,更適合搜索引擎的爬蟲爬取有效信息,語義類還可以支持讀屏軟件,根據文章可以自動生成目錄,這對于簡書、知乎這種富文本類的應用很重要,語義化對于其網站的內容傳播有很大的幫助,但是對于功能性的web軟件重要性大打折扣。
比如一個按鈕,SKeleton這種組件根本沒有對應的語義,也不需要SEO
為什么要語義化?
- 代碼結構:是頁面在沒有css的情況下,也能夠呈現出很好的內容結構;
- 有利于SEO:爬蟲依賴標簽來確定關鍵字的權重,因此可以和搜索引擎建立良好的溝通,幫助爬蟲抓取更多的有效信息;
- 提升用戶體驗:例如title、alt可以用于解釋名稱或者解釋圖片信息,以及label標簽的靈活運用;
- 便于團隊開發和維護:語義化使得代碼更具有可讀性,讓其他開發人員更加理解你的html結構,減少差異化;
- 方便其他設備解析:如屏幕閱讀器、盲人閱讀器、移動設備等,以有意義的方式來渲染網頁。
分享名稱:前端面試題(1)—— HTML語義化
網站網址:
http://www.xueling.net.cn/article/dsojeih.html