HTML 5学習ノート簡明版(8):新規グローバル属性

4595 ワード

contenteditableプロパティ
任意の要素がcontenteditableプロパティを使用すると、その要素が編集可能な領域であることを表します.ユーザーは、要素の内容と操作タグを変更できます.例:
<p contenteditable="true">          。        。</p>

 
この値は、true、false、および空の3つの値から選択できます.空の文字はtrueを表します.
一方,フレームワークページはJSプログラムコードで実現できる:editor.document.designMode="on".
 
contextmenuプロパティ
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バージョンとの競合を回避するためにdata-の接頭辞を付ける限り、任意の要素で任意の属性を定義することができます.asp.NetMVCでのjQuery検証は,例えばdata−val="true"である.
 
draggableとdropzoneプロパティ
draggableとdropzoneプロパティは、新しいドラッグ&ドロップAPIとともに使用できます.draggableはドラッグ&ドロップが許可されているかどうか、dropzoneはどの領域にドラッグ&ドロップできるかを表します.
<p draggable="true" dropzone="div1">test</p>

 
hiddenプロパティ
hiddenプロパティを定義した要素は表示されません.しかし、tabのような表現層が非表示レイヤを切り替えるのとは異なり、hidden後の要素は、スクリーンリーダーなどのすべての表示に対して使用されます.formのhiddenドメインに似ています.
 
roleとaria-*のプロパティ
HTML 5はWAI-ARIAを合法的な言語として増加し、補助的な役割を果たす.
 
spellcheckプロパティ
spellcheckプロパティは、要素の内容をスペルチェックするかどうかを規定します.例:
<p contenteditable="true" spellcheck="true">        。       。</p>