html語義化標籤 HTML語義化

2021-10-11 10:23:13 字數 830 閱讀 2664

html語義化的發展分成三個階段:

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

美工階段:對頁面美化需求的提公升,催生了這一階段的「美工」人員,對標籤的使用也有所進步,但大多使用標籤也存在上述維護難得問題。

前端階段:就是現階段,隨著前端技術的發展和需求的日漸提高,簡單的標籤越來越難以滿足不斷提高的需求,尤其對於複雜的頁面,簡單標籤的缺點變得不容忽視起來。於是專業的前端人員開始尋求一種能有效降低後期維護頁面問題的方法。於是html語義化便相應而生。

簡單概括一下,html語義化就是:用恰當的標籤來標記內容。

這樣理解起來非常容易,比如需要加入乙個標題,這個標題的字型比正文的要大寫,還要加粗。能夠實現這種效果的方法有很多,比如用css樣式進行渲染。這樣的效果看起來像是乙個標題,但是他對瀏覽器來說,只是乙個被渲染過的文字,無法知道他是乙個標題。若要讓瀏覽器知道他是乙個標題,應該用h1標籤來進行標記。從這個例子可以總結出: 語義化的html文件,不關心內容的顯示效果。 說的通俗一點: 標題脫了css這層外衣,它還是乙個標題。

那麼如何在日常寫**中注意html語義化呢:

一:盡可能少的使用無意義的標籤,比如:;

二:在語義不明顯,且使用div和p標籤均可的情況下,盡可能的使用p標籤,因為p標籤預設有上下間距。

三:盡可能不使用純樣式標籤:例如:

四:需要強調的標籤,可以包含在或者標籤中。

五:使用**時,標題要用caption,表頭用thead,主體使用tbody包裹,尾部用tfoot包裹。

HTML語義化標籤

什麼是html的語義化標籤?在前端開發的過程當中,通常會使用h1 h6作為標題,使用ul li作為列表等等,通過這些標籤我們可以知道其語義,但除了語義之外,還存在其他的作用。那麼語義化標籤有什麼作用呢?第一,增強 的可讀性,也就是語義化,便於團隊的開發和維護。第二,有利於seo,seo依賴於語義化標...

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 ...