這次帶給大家怎樣語意化和優化HTML,做好語意化和優化HTML的注意事項有哪些,下面就是實戰案例,一起來看一下。
1、什麼是語意化?
必應網典的解釋
語意化是指以合理HTML標記以及其特有的屬性去格式化文件內容。通俗地講,語義化就是對資料和資訊進行處理,使得機器可以理解. 語意化的(X)HTML文件有助於提升你的網站對訪客的易用性,例如使用PDA 、文字瀏覽器以及殘障人士將從中受益。對於搜尋引擎或爬蟲軟體來說,則有助於它們建立索引,並可能給予一個較高的權值。 事實上SEO最有效的辦法,就是對網頁的HTML結構進行重構,實質上就是語意化。
簡單來說,就是根據內容的結構化(內容語義化),選擇合適的標籤(程式碼語義化)便於開發者閱讀和寫出更優雅的程式碼的同時讓瀏覽器的爬蟲和機器很好地解析,什麼樣的內容就用什麼樣的標籤。
2、語意化的好處?
在css檔案沒有成功載入的時候頁面也能呈現好的內容結構;利於SEO,讓搜尋引擎和爬蟲軟體抓取更多有用的信息,建立索引,取得較高的權值;方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、行動裝置)以意義的方式來渲染網頁;
#3、HTML5的語意化
最新的HTML5就網頁結構化增加了一系統的結構化標籤
#
<footfoot;
4、寫HTML需要注意的點
標籤閉合>,/>;
正確使用標籤嵌套,避免行內元素包圍區塊元素;
合理使用標籤,盡量少使用無語意的標籤div,span,在css檔案沒有成功載入的時候頁面也能呈現好的內容結構;
使用
# #使用
區分段落,避免使用
換行;
#不要使用純樣式的標籤,b,font,u等,改為css設定;
#使用表格
時,使用,,包圍頭部,主體內容,表格;5、關於SEO優化,HTML需要做些什麼?文件類型統一使用HTML5 doctype ;
meta標籤優化,主要有title、description、keywords三個地方,結束不要使用“ />”,應該直接寫「>」;
css檔案最好使用一個,放在頭部
標籤裡面;js檔案最好放在底部,避免因載入js檔案阻塞HTML的渲染;以上是怎樣做好語意化、優化HTML的詳細內容。更多資訊請關注PHP中文網其他相關文章!