HTML5學習筆記簡明版(8) 新增的全域性屬性

2021-09-07 23:41:06 字數 1560 閱讀 4895

<

p contenteditable

="true"

>這是一段可編輯的段落。請試著編輯該文字。

p>

該屬於有3種值可選:true, false和空字元,空字元代表true。

而對框架頁面可以通過js程式**來實現:editor.document.designmode="on" 。

contextmenu屬性用來指向乙個作者提供的上下文目錄,例如:

<

form

name

="npc"

action

="">

<

label

>character name: <

input

type

=text

contextmenu

=namemenu

required

>

label

>

<

menu

type

=context

id=namemenu

>

<

command

label

="pick random name"

onclick

="document.forms.npc.elements.char.value = getrandomname()"

>

<

command

label

="prefill other fields based on name"

onclick

="prefillfields(document.forms.npc.elements.char.value)"

>

menu

>

form

>

開發人員可以在任何元素上定義他們想要的任何屬性,只要他們在其之前加上 data- 的字首,以此避免與未來的html版本的衝突,asp.net mvc下的jquery驗證就是採用這種方式,例如:data-val=」true」。

draggable 和 dropzone 屬性可以與新的拖放api一起使用,draggable為是否允許拖放,dropzone代表可以拖放到哪個區域。

<

p draggable

="true"

dropzone

="div1"

>test

p>

不顯示定義了hidden屬性的元素。但與表現層的比如tab切換隱藏圖層不同,hidden後的元素針對所有的顯示,比如螢幕閱讀器。與form裡的hidden域相似。

html5把wai-aria當作是合法的語言增加,用來做輔助作用。

spellcheck 屬性規定是否對元素內容進行拼寫檢查。例如:

<

p contenteditable

="true"

spellcheck

="true"

>這是可編輯的段落。請試著編輯文字。

p>

HTML5學習筆記簡明版(8) 新增的全域性屬性

這是一段可編輯的段落。請試著編輯該文字。該屬於有3種值可選 true,false和空字元,空字元代表true。而對框架頁面可以通過js程式 來實現 editor.document.designmode on contextmenu屬性用來指向乙個作者提供的上下文目錄,例如 開發人員可以在任何元素上定...

HTML5學習筆記簡明版(10) 過時的元素和屬性

這個小節裡列出的元素在html5裡將不再使用,現有文件公升級到 html5的話能夠使用一些替代方案。比如parser section 能夠處理isindex 元素的功能。以下的元素被廢棄的原因是用css處理能夠更好地替代他們 basefont bigcenter font strike tt以下的元...

HTML5新增屬性學習筆記

1 form屬性 表單內的從屬元素,可以寫在表單外部。可以通過指定元素的form屬性來宣告元素所屬表單。form的屬性值為表單的id。1 form id testform 2 input type text 3form 4 textarea form testform textarea 詳細學習內容...