html學習之 標籤語義化

2022-08-20 00:06:10 字數 1413 閱讀 5746

html語義化在前端學習中會經常出現,下面對html語義化做個總結

一、什麼是html語義化

html語義化總的來說就是用正確的標籤做正確的事。圍繞著一些標籤展開,如h1-h6。把適當的標籤用在合適的地方。是頁面結構更加的清晰。

二、html語義化有什麼作用

1、使用html語義化,能使頁面結構更清晰,便於解析。

2、有利於seo。搜尋引擎爬蟲依賴於html標籤來確定上下文和關鍵字權重。

3、使用html語義化,在沒有css樣式的時候頁面也能正確清晰的呈現

4、有利於各種裝置的解析,如盲人閱讀器,螢幕閱讀器

5、有利於團隊合作開發與維護。

三、html5增加的語義化標籤

1、

頁面的標題,具有唯一性,標題的取名盡量包含網頁幾個關鍵字。

2、

3、

**的標誌,主導航,搜尋框等  

4、

**的導航。  

5、

網頁的主要內容,乙個網頁只能有乙個  

6、

乙個獨立的容器,比如文件,網頁,像報紙一樣包起來。

7、

**相似主題的一些內容,如自我介紹、聯絡資訊等 。

8、

9、

表示頁尾  

10、

11、

表示內容的重要性 

12、

強調內容的重要性 

13、

突出顯示文字,梯形讀者

14、

指明引用或參考的內容,並不從中引述 

15、

表示引述的內容

16、

表示短引述  

17、

建立圖  

18、figurecaption>

建立圖的標題,必須在前面或者結尾  

19、

省略符

20、

定義術語元素

21、

表示時間 

22、

表示編碼 

23、

表示一些資訊,如位址 

24、

表示刪除的內容 

25、

表示新增的內容            

預格式化文字

HTML之語義化標籤

語義化的標籤,旨在讓標籤有自己的含義。語義元素清楚地向瀏覽器和開發者描述其意義。定義塊引用,塊引用擁有它們自己的空間。短的引述 跨瀏覽器問題,盡量避免使用 datetime 屬性遵循特定格式,如果忽略此屬性,文字內容必須是合法的日期或者時間格式。簡稱或縮寫。定義術語元素,與定義必須緊挨著,可以在描述...

html語義化標籤 HTML語義化

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

標籤語義化之常用HTML標籤

一 布局的理解誤區 網路上流行管新型的布局方式叫 div css 其實是乙個錯誤的理解,導致了很多人過度依賴與濫用div標籤,html提供了我們一共七八十個標籤,其中常用的有三十個左右,div不過是乙個相對的空標籤而已,在很多情況下,我們可以使用其他更合適且更簡潔的標籤可以替代它。二 標籤的差異 共...