web語義化

web語義化的一些見解
web語義化,人可以通過視覺去辨別代碼的語義,而搜索引擎看到的只是代碼,它只能通過標籤來判別語義。語義化最重要的一點是HTML的語義化,爲了實現編寫的代碼儘可能對搜索引擎友好,所以要儘可能的使標籤語義化。語義化的最終目的是爲了實現讓人和搜索引擎更容易理解代碼。
如一些標籤的語義:
h1~h6:標題;
th:表的頭部;
p:段落;
strong:強調突出;
ul:無序列表;
ol:有序列表;
HTML5中的新標籤元素,如<nav>,<footer>
舉個例子來說明一下語義化,看到網上有說的strong 和font-weight: bold這兩者有什麼區別,考慮這個問題需要從語義化的角度出發。
font-weight只是單純的加粗字體,而strong是爲了強調突出,如果只是爲了實現頁面的效果加粗字體,應儘量使用font-weight;如頁面中需要對強調的關鍵內容加粗,應儘量使用strong。
在編寫HTML文檔是應儘量減少使用沒有語義的標籤,如<span>標籤,對標題應儘可能使用h1~h6,根據 HTML5 規範,在沒有其他合適標籤更合適時,才應該把 <b> 標籤作爲最後的選項。Html5 規範聲明:應該使用 <h1> - <h6> 來表示標題,使用 <em> 標籤來表示強調的文本,應該使用 <strong> 標籤來表示重要文本,應該使用 <mark> 標籤來表示標註的/突出顯示的文本。
借用一張圖來表達HTML5的語義化,如按照下圖所示結構編寫出來的代碼更加能夠讓人理解。
這裏寫圖片描述

發佈了45 篇原創文章 · 獲贊 15 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章