HTML5新特性與移除

2021-08-20 01:34:05 字數 1003 閱讀 5150

html5新增了 27 個元素,廢棄了 16 個元素,根據現有的標準規範,把 html5 的元素按優先順序定義為結構性屬性、級塊性元素、行內語義性元素和互動性元素 4 大類。

1.結構性元素主要負責web上下文結構的定義

section:在 web 頁面應用中,該元素也可以用於區域的章節描述。

header:頁面主體上的頭部, header 元素往往在一對 body 元素中。

2.級塊性元素主要完成web頁面區域的劃分,確保內容的有效分割。

aside:用於表達註記、貼士、側欄、摘要、插入的引用等作為補充主體的內容。

figure:是對多個元素進行組合並展示的元素,通常與 ficaption 聯合使用。

code:表示一段**塊。

dialog:用於表達人與人之間的對話,該元素包含 dt 和 dd 這兩個組合元素, dt 用於表示說話者,而 dd 用來表示說話內容。

3.行內語義性元素主要完成web頁面具體內容的引用和描述,是豐富內容展示的基礎。

meter:表示特定範圍內的數值,可用於工資、數量、百分比等。

time:表示時間值。

progress:用來表示進度條,可通過對其 max 、 min 、 step 等屬性進行控制,完成對進度的表示和監事。

4.互動性元素主要用於功能性的內容表達,會有一定的內容和資料的關聯,是各種事件的基礎。

details:用來表示一段具體的內容,但是內容預設可能不顯示,通過某種手段(如單擊)與 legend 互動才會顯示出來。

datagrid:用來控制客戶端資料與顯示,可以由動態指令碼及時更新。

menu:主要用於互動選單(曾被廢棄又被重新啟用的元素)。

command:用來處理命令按鈕

移除的特性:

1.純表現的元素

預設字型,不設定字型,以此渲染   字型標籤   水平居中   下劃線   大字型   中橫線   文字等寬

2.框架集

HTML5新標籤與特性

語義 定義頁面的頭部 頁首 語義 定義導航欄 語義 定義 頁面底部 頁尾 語義 定義文章 語義 定義區域 語義 定義其所處內容之外的內容 側邊 劉德華 劉若英劉曉慶 戚薇戚繼光 使用者登入 標題 使用者名稱 密 碼 型別 使用示例 含義 email 輸入郵箱格式 tel 輸入手機號碼格式 url 輸...

HTML5新標籤與特性

w3c 手冊中文官網 語義 定義頁面的頭部 頁首 語義 定義導航欄 語義 定義 頁面底部 頁尾 語義 定義文章 語義 定義區域 語義 定義其所處內容之外的內容 側邊 type text value 輸入 list star star 1option 2option 3option datalist ...

HTML5新標籤與特性

屬性 用法 含義 placeholder 佔位符提供可描述輸入字段預期值的提示資訊 autofocus 規定當頁面載入時 input 元素應該自動獲得焦點 multiple 多檔案上傳 autocomplete 規定表單是否應該啟用自動完成功能 required 必填項accesskey 規定啟用 ...