HTML新增的語義化標籤及其作用

2022-09-06 08:39:08 字數 381 閱讀 3215

在html5中,新增了幾個語義化標籤:、、、、 ,、、、、和等。

1.什麼是html語義化?

通過標籤判斷內容語義,例如根據h1標籤判斷出內容是標題,根據判斷內容是段落、標籤是輸入框等。

2.為什麼要語義化?

1).去掉或樣式丟失的時候能讓頁面呈現清晰的結構

2).方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、移動裝置)以意義的方式來渲染網頁

3).有利於seo

4).便於團隊開發和維護,遵循w3c標準,可以減少差異化

3.如何確定你的標籤是否語義良好?

去掉樣式,看網頁結構是否組織良好有序,是否仍然有很好的可讀性。

html語義化標籤 HTML語義化

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

html5新增的語義化標籤

html5新增的語義化標籤 標籤定義外部的內容。標籤定義 article 以外的內容。aside 的內容應該與 article 的內容相關。標籤用於描述文件或文件某個部分的細節。標籤定義 figure 元素的標題。標籤用於對元素進行組合。標籤定義文件的頁首 介紹資訊 標籤用於對網頁或區段 secti...

HTML5 新增的語義化標籤

定義文章。定義頁面內容以外的內容。定義聲音內容。定義文字的文字方向,使其脫離其周圍文字的方向設定。定義圖形。定義命令按鈕。定義下拉列表。定義使用者能夠檢視或隱藏的額外細節。定義對話方塊或視窗。定義外部互動內容或外掛程式。定義元素的標題。定義媒介內容的分組,比如圖示 圖表 清單等。定義文件或節的頁尾。...