淺談語義化的HTML結(jié)構(gòu)到底有什么好處

一:
1. 語義化標簽只是HTML,CSS不存在語義化。HTML是標簽,CSS是屬性。
2. 語義化標簽簡歷在文檔化頁面的基礎(chǔ)上面,將網(wǎng)頁當做是一個文檔,DOM中的D(document)以及在書寫js是用到的document就已經(jīng)很清晰的告訴我們,計算機將頁面當做是一個document,我們也可以將頁面歸為document的一種。
3. HTML標簽本身是意義的。如p---paragraph,li---list,img---image但是有些是無語義化的如div---division并不能呢個表示div標簽里面內(nèi)容的屬性和表現(xiàn)樣式。
4. HTML5在運來HTML的基礎(chǔ)上根據(jù)大部分人的開發(fā)習慣和一般的網(wǎng)站頁面展現(xiàn)形式,增加了語義化的標簽如<header><footer><nav><article>.
5. 個人理解是HTML是定義好屬性的XML,語義化HTML可以讓頁面結(jié)構(gòu)更清晰,寫更少的CSS和JS,以及更有利于SEO.
二:
搜索引擎的爬蟲也依賴于標記來確定上下文和各個關(guān)鍵字的權(quán)重.
過去你可能還沒有考慮搜索引擎的爬蟲也是網(wǎng)站的“訪客”,但現(xiàn)在它們他們實際上是極其寶貴的用戶.沒有他們的話,搜索引擎將無法索引你的網(wǎng)站,然后一般用戶將很難過來訪問.
6. 你的頁面是否對爬蟲容易理解非常重要,因為爬蟲很大程度上會忽略用于表現(xiàn)的標記,而只注重語義標記.
因此,如果頁面文件的標題被標記,而不是,那么這個頁面在搜索結(jié)果的位置可能會比較靠后.
以上這篇淺談語義化的HTML結(jié)構(gòu)到底有什么好處就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
- 這篇文章主要介紹了HTML5語義化元素的相關(guān)知識,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2019-08-22
- HTML5 只有一個簡單的文檔類型:<!DOCTYPE html>,表示瀏覽器會按照標準模式解析。今天小編給大家?guī)砹薍TML5新特性之語義化標簽,感興趣的朋友一起看看吧2017-10-31
- b 和 i 標簽在現(xiàn)在的 Web 標準潛規(guī)則中是不推薦使用,甚至是反對使用的,因為認為他們只是“表現(xiàn)”粗體和斜體,而沒有任何“語義”。更多的用 strong2008-10-17
HTML5 語義化結(jié)構(gòu)化規(guī)范化
HTML結(jié)構(gòu)更加清晰、規(guī)范,學習HTML5優(yōu)化結(jié)構(gòu)的思路。 HTML5添加了一些新元素,用來標識常用的結(jié)構(gòu),是html更具語義化,可是我們無法直接使用,即使可能用到還要等他個十年2008-10-17- 本篇文章小編為大家介紹HTML標簽語義化(含H5) ,有需要的朋友可以參考一下2013-04-08
- 這篇文章主要介紹了詳解HTML5常用的語義化標簽的相關(guān)資料,需要的朋友可以參考下2019-09-27
- 下面小編就為大家?guī)硪黄獪\談HTML的語義化和一些簡單優(yōu)化。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-12
- 下面小編就為大家?guī)硪黄褂谜Z義化標簽去寫你的HTML 兼容IE6,7,8。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧2016-04-14
- html標簽語義:即html標簽的含義2012-11-17
- 前兩天參加了公司組織的一個WD培訓,有一節(jié)課講了標簽語義化,聽了之后感覺特別有用,更正了我以前對 HTML 和 CSS 的錯誤看法。2011-01-25