Html標籤的語義化

為了使我們的**更好的被搜尋引擎抓取收錄，更自然的獲得更高的流量，**標籤的語義化就顯得尤為重要。所謂標籤語義化，就是指標籤的含義。

為了更好的理解標籤的語義化，先看下面這個例子：

1 2      3         娛樂專案

4 專案支出
5 
6 7 聚餐
8 200元
9 
10 

支出統計

娛樂專案
專案支出
聚餐200元

:**的標題;

:一**的表頭;

:表的某一列的列頭。

言歸正傳，所以我們要做的，就是語義化我們的html標籤和屬性，如：

div 語義：division(分隔)

span 語義：span(範圍)

ol 語義：ordered list(排序列表)

ul 語義：unordered list(不排序列表)

li 語義：list item(列表專案)

、段落標記，知道了作為段落，你就不會再使用

來換行了，而且不需要

來區分段落與段落。

中的文字會自動換行，而且換行的效果優於。

標籤語義為「加粗」

標籤語義為「強調」

標籤語義為「更強烈的強調」而且em 預設用斜體表示，strong 用粗體表示。

當我們知道了這三個標籤的語義時，做seo時就好決定用哪個來強調重要的關鍵字了，強調用和，純粹加粗用。

標籤語義為定義無序列表

標籤語義為定義有序列表

標籤語義為定義列表專案

因此當涉及到列表的專案，應該用或（或者是來布局），而不是用或甚至。

標籤語義為定義了定義列表

標籤語義為定義了定義列表中的專案（即術語部分）

標籤語義為定義列表中定義條目的定義部分

所以，當我們用帶標題的列表時，即可採用自定義列表實現

標籤的語義為被用來組合文件中的行內元素

（另外應當區分和的區別，是塊級元素（block level），而是行內元素，前者的內容會自動換行，而後者前後不會自動換行

標籤的語義為用來標記簡短的單行引用，web瀏覽器會自動識別在之間的內容

標籤的語義為用來標記那些一段或者好幾段的長篇引用

標籤既可以與一起用，也可以與一起用，用來提供引用內容的**位址。

看乙個例子

1 孔子曰：有朋自遠方來，不亦樂乎.

2 

12  「我們大部分人都有深刻體驗，每當主流瀏覽器版本的公升級，我們剛建立的**就可能變得過時，我們就需要公升級或者重新建造一遍**。例如1996-2023年典型的"瀏覽器大戰"，為了相容 netscape 和 ie，**不得不為這兩種瀏覽器寫不同的**。同樣的，每當新的網路技術和互動裝置的出現，我們也需要製作乙個新版本來支援這種新技術或新裝置，例如支援手機上網的 wap 技術。類似的問題舉不勝舉：****臃腫、繁雜浪費了我們大量的頻寬；針對某種瀏覽器的 dhtml 特效，遮蔽了部分潛在的客戶；不易用的**，殘障人士無法瀏覽**等等。這是一種惡性迴圈，是一種巨大的浪費。」

3 4

標籤的語義為定義**內的表頭單元格

標籤的語義為定義**標題

標籤的語義為定義乙個按鈕

標籤的語義為用於蒐集使用者資訊，根據不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文字字段、核取方塊、掩碼後的文字控制項、單選按鈕、按鈕等等。

標籤的語義為定義多行的文字輸入控制項

button控制項 與 相比，提供了更為強大的功能和更豐富的內容。與 標籤之間的所有內容都是按鈕的內容，其中包括任何可接受的正文內容，比如文字或多**內容。

標籤的語義為為input元素定義標註（標記）

標籤的語義為定義已經被插入文件中的文字。

標籤的語義為定義文件中已被刪除的文字。

與 一同使用，來描述文件中的更新和修正。知道del，就不要再用做刪除線了，用del顯然更具有語義化。而且del還帶有cite和datetime來表明刪除的原因以及刪除的時間。ins是表示插入，也有這樣的屬性。

關於這兩個標籤的用法，可以參看:

html語義化標籤 HTML語義化

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

HTML語義化標籤

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

HTML標籤語義化

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