總結HTML5新增的標籤及功能

2022-07-04 07:48:10 字數 4319 閱讀 5379

標記意義及用法分析/示例

屬性/屬性值/描述

支援html5的全域性屬性和事件屬性。

支援html5的全域性屬性和事件屬性。

定義音訊內容,如**或其他音訊流。

autoplay

autoplay

controls

controls

顯示控制項。

loop

loop

自動重播。

preload

preload

srcurl

音訊的url。

支援html5的全域性屬性和事件屬性。

您的瀏覽器不支援 audio 標籤。(注:可以在開始標籤和結束標籤之間加上此文字內容,這樣若瀏覽器不支援此元素,就可以顯示出這個資訊。)

定義圖形,如圖表和其他影象。(注:只是圖形容器,我們必須使用指令碼來繪製圖形。)

height

pixels

設定 canvas 的高度。

width

pixels

設定 canvas 的寬度。

支援html5的全域性屬性和事件屬性。

標記定義乙個命令按鈕,比如單選按鈕、核取方塊或按鈕。只有當 command 元素位於 menu 元素內時,該元素才是可見的。否則不會顯示這個元素,但是可以用它規定鍵盤快捷鍵。

checked

checked

定義是否被選中。僅用於 radio 或 checkbox 型別

disabled

disabled

定義 command 是否可用

icon

url定義作為 command 來顯示的影象的url

label

text

為 command 定義可見的 label

radiogroup

groupname

定義 command 所屬的組名。僅在型別為 radio 時使用

type

checkbox

command

radio

定義該 command 的型別。預設是 「command」

支援html5的全域性屬性和事件屬性。

click here.

定義選項列表,需與 input 元素配合使用,通過input 元素的 list 屬性來繫結,用來定義 input 可能的值。datalist 及其選項不會被顯示出來,它僅僅是合法的輸入值列表。

支援html5的全域性屬性和事件屬性。

用於描述文件或文件某個部分的細節。

open

open

定義 details 是否可見

支援html5的全域性屬性和事件屬性。

some title.

some details about the title.

定義外部的可互動的內容或外掛程式。

height

pixels

設定嵌入內容的高度

srcurl

嵌入內容的 url

type

type

定義嵌入內容的型別

width

pixels

設定嵌入內容的寬度

支援html5的全域性屬性和事件屬性。

定義一組**內容(影象、圖表、**、**等)以及它們的標題。如果被刪除,則不應對文件流產生影響。

支援html5的全域性屬性和事件屬性。

the title of the image.

定義乙個頁面或乙個區域的頁尾。可包含文件的作者姓名、創作日期或者聯絡資訊。

支援html5的全域性屬性和事件屬性。

定義乙個頁面或乙個區域的頭部。

支援html5的全域性屬性和事件屬性。

定義檔案中乙個區塊的相關資訊,使用 標籤對網頁或區段(section)的標題進行組合。

支援html5的全域性屬性和事件屬性。

定義表單裡乙個生成的鍵值。規定用於表單的金鑰對生成器字段。當提交表單時,私鑰儲存在本地,公鑰傳送到伺服器。

autofocus

autofocus

使 keygen 欄位在頁面載入時獲得焦點

challenge

challenge

如果使用,則將 keygen 的值設定為在提交時詢問

disabled

disabled

禁用 keytag 字段

form

formname

定義該 keygen 字段所屬的乙個或多個表單

keytype

rsa定義 keytype。rsa 生成 rsa 金鑰

name

fieldname

定義 keygen 元素的唯一名稱,用於在提交表單時蒐集欄位的值。

支援html5的全域性屬性和事件屬性。

定義有標記的文字。請在需要突出顯示文字時使用此標籤。

支援html5的全域性屬性和事件屬性。

定義度量衡。僅用於已知最大和最小值的度量。(注:必須定義度量的範圍,既可以在元素的文字中,也可以在 min/max 屬性中定義。)

high

number

定義度量的值位於哪個點,被界定為高的值

lownumber

定義度量的值位於哪個點,被界定為低的值

maxnumber

定義最大值。預設值是 1

minnumber

定義最小值。預設值是 0

optimum

number

定義什麼樣的度量值是最佳的值。如果該值高於 「high」 屬性,則意味著值越高越好。如果該值低於 「low」 屬性的值,則意味著值越低越好。

value

number

定義度量的值

支援html5的全域性屬性和事件屬性。

22 out of 5

10%定義導航鏈結。(注:如果文件中有「前後」按鈕,則應該把它放到 元素中。)

支援html5的全域性屬性和事件屬性。

home

previous

next

定義不同型別的輸出,比如指令碼的輸出。

forid of another element

定義輸出域相關的乙個或多個元素

form

formname

定義輸入字段所屬的乙個或多個表單

name

unique name

定義物件的唯一名稱。(表單提交時使用)

支援html5的全域性屬性和事件屬性。

maxnumber

定義完成的值

value

number

定義程序的當前值

支援html5的全域性屬性和事件屬性。

15%定義 ruby 注釋(中文注音或字元)。在東亞使用,顯示的是東亞字元的發音。ruby 元素由乙個或多個字元(需要乙個解釋/發音)和乙個提供該資訊的 rt 元素組成,還包括可選的 rp 元素,定義當瀏覽器不支援 「ruby」 元素時顯示的內容。

支援html5的全域性屬性和事件屬性。

定義文件中的節(section、區段)。比如章節、頁首、頁尾或文件中的其他部分。

cite

url當 section 摘自 web 的時候使用

支援html5的全域性屬性和事件屬性。

為媒介元素(比如 和 )定義媒介資源。

media

media query

srcurl

媒介的 url

type

numeric value

支援html5的全域性屬性和事件屬性。

定義乙個日期/時間,該元素能夠以機器可讀的方式對日期和時間進行編碼,舉例說,使用者**能夠把生日提醒或排定的事件新增到使用者日程表中,搜尋引擎也能夠生成更智慧型的搜尋結果。

datetime

datetime

規定日期或時間。否則,由元素的內容給定日期或時間

pubdate

pubdate

指示 元素中的日期或時間是文件的發布日期

支援html5的全域性屬性和事件屬性。

大家都是早上 9:00 上班。

元旦晚會。

autoplay

autoplay

controls

controls

顯示控制項。

height

pixels

loop

loop

自動重播。

preload

preload

srcurl

width

pixels

支援html5的全域性屬性和事件屬性。

您的瀏覽器不支援 video 標籤。(注:可以在開始標籤和結束標籤之間加上此文字內容,這樣若瀏覽器不支援此元素,就可以顯示出這個資訊。)

HTML5新增標籤以及功能

定義文章側邊欄 定義一組 物件以及文字內容 定義figure的標題 布局頁面時用的語義標籤 定義導航 頭部定義文件中的區段 區域 尾部input其他的型別 1.text 文字輸入框 2.password 密碼 3.button 按鈕 4.checkbox 複選 5.radio 單選 6.submit...

HTML5 新增標籤

html5 現在已經不是 sgml 的子集,主要是關於影象,位置,儲存,多工等功能的增加。ie8 ie7 ie6支援通過document.createelement方法產生的標籤,可以利用這一特性讓這些瀏覽器支援html5新標籤。定義圖形 定義文章 定義頁面內容之外的內容 可用作文章的側欄 定義聲音...

HTML5新增標籤

定義縮寫。定義只取首字母的縮寫。定義文件作者或擁有者的聯絡資訊。定義影象對映內部的區域。定義文章。定義頁面內容之外的內容。定義聲音內容。不贊成使用。定義頁面中文字的預設字型 顏色或尺寸。定義文字的文字方向,使其脫離其周圍文字的方向設定。定義文字方向。定義大號文字。定義長的引用。定義圖形。定義 標題。...