簡單討論HTML語義化(語義化標籤)

2021-07-26 16:45:20 字數 626 閱讀 6104

隨著web標準在國內的不斷普及,結構表現行為、分離、模組化、語義化、優雅退化等概念也成為考核一名前端人員對web標準理解的重要條目,其中,由於

seo背後的商業價值影響,「語義化」得到了突出的重視。

」 語義化「指的是計算機在更少的人類干預下能夠收集和分析資訊,讓網頁能夠被計算機理解,簡單點就是根據內容的結構化(內容語義化),選擇合適的標籤(**語義化)便於

開發者閱讀和寫出更優雅的**

的同時讓

網路爬蟲和計算機更好地解析。

通俗點講就是:「不要把水果當成蔬菜」。下面是粗淺的例項:

我們應該水果當水果,蔬菜當蔬菜是吧!!!

注:以上語法錯誤的,這樣只是更能生動地理解什麼是「語義化」。

「語義化」的實踐非常簡單,可以說是前端最基礎的部分,但由於種種原因,或被誤解,或被忽視,沒有得到應有的重視,寫這篇文章,旨在梳理自己過去乙個階段的學習積累,希望能帶給所有讀者對web標準的一點思考。

html5新增語義化標籤

html語義化標籤 HTML語義化

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

HTML語義化標籤

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

語義化的HTML

1.什麼是語義化的html?我的理解為 可以根據標籤名知道標籤要涵蓋的內容,比如說表示強調,表示列表 2.語義化html的作用 1 有利於seo的搜尋,網路爬蟲會根據網頁上的標籤來區分內容的權重 2 有利於 的維護,一般網頁的維護者更喜歡看到一連串的語義化標籤,而不是大量的沒有意義的div 3 在沒...