什麼是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 ...