HTML語義化標籤

2021-06-25 07:49:33 字數 854 閱讀 1127

什麼是html的語義化標籤?在前端開發的過程當中,通常會使用h1~h6作為標題,使用ul li作為列表等等,通過這些標籤我們可以知道其語義,但除了語義之外,還存在其他的作用。

那麼語義化標籤有什麼作用呢?

第一,增強**的可讀性,也就是語義化,便於團隊的開發和維護。

第二,有利於seo,seo依賴於語義化標籤,以此來確定標籤中文字的權重,據此來加強和搜尋引擎的溝通,便於搜尋引擎根據關鍵字搜尋到網頁。

第三,在沒有載入js和css的情況下,仍然能夠在文件中呈現文件內容的結構。

基於以上幾點,在編寫html頁面時,工程師們應注意盡量使用語義化標籤裡去代替無語義的標籤,如div,span等等,以及僅僅起到樣式作用的表現,比如b,i等等。和我一樣還比較菜鳥的工程師們也許會存在疑問,strong和b有什麼區別?從樣式上看,這兩個標籤裡的內容,都會以粗體呈現,但是strong還包含了強調的語義,即在seo中,strong裡的內容是占有較大權重的,而b標籤則不存在此功能。若非如此,strong就失去了存在的意義。那麼在編寫html頁面時,都應該盡量使用哪些語義化標籤呢?

1.使用p代替div表達乙個段落。p本身是pagram的意思,即段落。

2.使用strong代替b

3.使用em代替i

4.使用label標籤來為input說明

5.使用fieldset包裹表單域,並用legen標籤對表單用途進行說明

6.使用**時,不要忽略thead,tbody,tfoot,單元格內,在thead中使用th,在tbody中使用td。使用caption作表的標題。

7.使用ul表達有序列表,ol表無序列表。

8.在中使用title和alt進行說明。

語義化標籤的內容暫時到這裡,有什麼新的理解,再做更新。

html語義化標籤 HTML語義化

html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員,由於對頁面的美化需求還處在最基本的層面,因此大多使用標籤,這樣的缺點也很明顯,後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升,催生了這一階段的 美工 人員,對標籤的使用也...

HTML標籤語義化

語義化就是使用有意義的標籤使頁面內容結構化。1.語義化的html在沒有css的輔助下,也可以很好的顯示頁面結構 2.有利於seo優化。在便於開發者閱讀的同時優雅的寫 同時便於爬蟲和機器很好的解析。3.方便與團隊優化與維護。4.簡單來講,移動端裝置對於css的支援形式有欠缺的,html標籤語義化,可以...

HTML語義化標籤

什麼是語義化標籤?html賦予了每個標籤以不同的語義。高質量的html 要求我們在遵循html語法的同時,也應該遵循html的標籤語義,如 div 語義 division 分隔 span 語義 span 範圍 ol 語義 ordered list 排序列表 ul 語義 unordered list ...