HTML之語義化標籤

2021-10-24 16:23:55 字數 485 閱讀 3888

語義化的標籤,旨在讓標籤有自己的含義。

語義元素清楚地向瀏覽器和開發者描述其意義。

:定義塊引用,塊引用擁有它們自己的空間。

:短的引述(跨瀏覽器問題,盡量避免使用)。

:datetime 屬性遵循特定格式,如果忽略此屬性,文字內容必須是合法的日期或者時間格式。

:簡稱或縮寫。

:定義術語元素,與定義必須緊挨著,可以在描述列表 dl 元素中使用。

:移除的內容。

:新增的內容。

:標記**。

:定義使用者可檢視或隱藏的額外細節。

:定義已知範圍或分數值內的標量測量。(internet explorer 不支援 meter 標籤)

:定義執行中的進度(程序)。

:定義表單

:定義**

:頁面主要內容,乙個頁面只能使用一次。如果是 web 應用,則包圍其主要功能。

:頁尾,只有當父級是 body 時,才是整個頁面的頁尾。

html語義化標籤 HTML語義化

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

標籤語義化之常用HTML標籤

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

html學習之 標籤語義化

html語義化在前端學習中會經常出現,下面對html語義化做個總結 一 什麼是html語義化 html語義化總的來說就是用正確的標籤做正確的事。圍繞著一些標籤展開,如h1 h6。把適當的標籤用在合適的地方。是頁面結構更加的清晰。二 html語義化有什麼作用 1 使用html語義化,能使頁面結構更清晰...