html語義化

html語義化就是根據內容的結構化,選擇合適的標籤,便於開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器爬蟲和機器很好地解析。css

 

爲何要語義化?html

一、爲了在沒有css的狀況下, 頁面也能呈現出較好的內容結構。html5

二、加強用戶體驗:例如title、alt屬性用於解釋名詞或解釋圖片信息、label標籤的活用。瀏覽器

三、有利於SEO(搜索引擎優化):和搜索引擎創建良好溝通,有助於爬蟲抓取更多的有效信息:爬蟲依賴於標籤來肯定上下文和各個關鍵字的權重。ide

四、語義化使html代碼更具可讀性,有利於團隊開發和維護優化

 

編寫html時應該注意什麼?搜索引擎

一、儘可能少使用無語義的標籤div和span。spa

二、在語義不明顯時,使用p比使用div要優, p標籤在默認狀況下有上下邊距, 對兼容特殊終端有利。htm

三、須要強調的文本,能夠包含在strong或em標籤裏(瀏覽器預設樣式,能用css就不須要用它們),strong標籤是加粗(不要用b標籤), em標籤是斜體(不要用i標籤)blog

四、使用表格時,標題要用caption,表頭用thead,主體用tbody包圍, 尾部用tfoot包圍; 表頭和通常單元格要區分開, 表頭用th, 單元格用td。

 

html5新增的語義化標籤:

<header>

<nav>

<article>    <aside>

<section>

<footer>

 

原文連接:https://www.cnblogs.com/fliu/articles/5244866.html

相關文章
相關標籤/搜索