追加された属性
#
新しく追加された属性
以下の属性はHTML5で新しく追加されました。
以下の属性は一度追加されましたが、現行の仕様では非推奨のため使用するべきではありません。
要素 | 属性 | 用途 | 追加されたバージョン |
---|---|---|---|
<html> | manifest="" | キャッシュマニフェストを指定する | HTML5 |
#
グローバル属性
グローバル属性になった属性
以下のHTML4で定義されていた属性はすべての要素に指定することが可能になりました。これらの属性はグローバル属性と呼ばれます。
属性 | 説明 |
---|---|
accesskey="" | 要素にアクセスキーを割り当てる |
class="" | 要素にクラス名を指定する |
dir="" | 要素の内容の書字方向を示す |
id="" | 要素に固有の識別子を指定する |
lang="" | 要素の内容の記述言語を指定する |
style="" | 要素に直接スタイルシートを指定する |
tabindex="" | フォーカスの可否とフォーカスの移動順序を指定する |
title="" | 要素に補足情報を付ける |
以下の属性は一部の要素に指定できる属性として追加されましたが、後にすべての要素に指定できるグローバル属性になりました。
属性 | 説明 | 追加されたバージョン |
---|---|---|
autofocus="" | 自動フォーカスの可否を指定する | HTML Living Standard |
inputmode="" | 入力する時のソフトウェアキーボードの種類を指定する | HTML Living Standard |
nonce="" | “Content Security Policy”のワンタイムトークンを指定する | HTML Living Standard |
新しくグローバル属性として追加された属性
以下の属性は新たにグローバル属性として追加されました。
属性 | 説明 | 追加されたバージョン |
---|---|---|
autocapitalize="" | 先頭の文字を大文字化するかを指定する | HTML Living Standard |
contenteditable="" | 要素の内容が編集可能かどうかを指定する | HTML5 |
draggable="" | 要素がドラッグ可能かどうかを指定する | HTML5.1 |
enterkeyhint="" | ソフトウェアキーボードの[Enter]キーのアイコンを指定する | HTML Living Standard |
hidden="" | 要素の内容が関連性がないことを表す | HTML5 |
inert="" | 要素を不活性化する | HTML Living Standard |
is="" | カスタム要素と関連付ける | HTML Living Standard |
itemid="" | 要素の内容のマイクロデータのグローバルな識別子を示す | HTML Living Standard |
itemprop="" | 要素の内容のマイクロデータのプロパティ名を指定する | HTML Living Standard |
itemref="" | 要素の外にあるマイクロデータと関連付ける | HTML Living Standard |
itemscope="" | 要素の内容にマイクロデータが含まれることを示す | HTML Living Standard |
itemtype="" | 要素の内容のマイクロデータのプロパティ名の定義を示す | HTML Living Standard |
popover="" | ポップオーバー要素を表す | HTML Living Standard |
slot="" | スロットと関連付ける | HTML Living Standard |
spellcheck="" | 要素の内容のスペルチェックを行うかどうかを指定する | HTML5 |
translate="" | 要素の内容を翻訳するかどうかを指定する | HTML5 |
#
イベントハンドラ属性
以下のHTML4で定義されていたイベントハンドラ属性はグローバル属性としてすべての要素に指定することが可能になりました。
属性 | 説明 |
---|---|
onblur="" | 要素がフォーカスを失った時に実行されるスクリプト |
onchange="" | 要素の入力内容に変化があった時に実行されるスクリプト |
onclick="" | 要素がクリックされた時に実行されるスクリプト |
ondblclick="" | 要素がダブルクリックされた時に実行されるスクリプト |
onfocus="" | 要素がフォーカスされた時に実行されるスクリプト |
onkeydown="" | 要素上でキーが押された時に実行されるスクリプト |
onkeypress="" | 要素上でキーを押して放した時に実行されるスクリプト |
onkeyup="" | 要素上でキーを放した時に実行されるスクリプト |
onload="" | 文書をロードした時に実行されるスクリプト |
onmousedown="" | 要素上でマウスのボタンを押した時に実行されるスクリプト |
onmousemove="" | 要素上でマウスのカーソルを移動した時に実行されるスクリプト |
onmouseout="" | マウスのカーソルを要素の外へ移動した時に実行されるスクリプト |
onmouseover="" | マウスのカーソルを要素と重なった時に実行されるスクリプト |
onmouseup="" | 要素上でマウスのボタンを放した時に実行されるスクリプト |
onreset="" | フォームをリセットした時に実行されるスクリプト |
onselect="" | 要素の入力内容が選択された時に実行されるスクリプト |
onsubmit="" | フォームを送信した時に実行されるスクリプト |
以下の属性は新たにイベントハンドラ属性として追加されました。
属性 | 説明 | 追加されたバージョン |
---|---|---|
onabort="" | データの読み込みを中断した時に実行されるスクリプト | HTML5 |
onafterprint="" | 文書の印刷後に実行するスクリプト | HTML5 |
onauxclick="" | 要素をマウスのホイールボタンでクリックした時に実行されるスクリプト | HTML5.2 |
onbeforematch="" | “hidden="until-found"”が指定された要素が表示される前に実行されるスクリプト | HTML Living Standard |
onbeforeprint="" | 文書の印刷前に実行するスクリプト | HTML5 |
onbeforeunload="" | 文書から移動もしくは文書を閉じる前に実行するスクリプト | HTML5 |
oncancel="" | ダイアログをキャンセルした時に実行されるスクリプト | HTML5 |
oncanplay="" | メディアが再生可能になった時に実行されるスクリプト | HTML5 |
oncanplaythrough="" | バッファリングのために中断しないで最後までメディアを再生することができるようになった時に実行されるスクリプト | HTML5 |
onclose="" | ダイアログを閉じた時に実行されるスクリプト | HTML5.1 |
oncopy="" | 要素上でコピーした時に実行されるスクリプト | HTML5.1 |
oncontextmenu="" | コンテキストメニューを表示した時に実行されるスクリプト | HTML5.1 |
oncuechange="" | メディアの字幕や副音声トラックが読み込まれた時に実行するコード | HTML5 |
oncut="" | 要素上で切り取りをした時に実行されるスクリプト | HTML5.1 |
ondrag="" | 要素のドラッグされた時に実行されるスクリプト | HTML5.1 |
ondragend="" | 要素のドラッグが終わった時に実行されるスクリプト | HTML5.1 |
ondragenter="" | ドラッグしたアイテムが要素に入った時に実行されるスクリプト | HTML5.1 |
ondragleave="" | ドラッグしたアイテムが要素から離れた時に実行されるスクリプト | HTML5.1 |
ondragover="" | ドラッグしたアイテムが要素の上に重なった時に実行されるスクリプト | HTML5.1 |
ondragstart="" | 要素のドラッグが始まった時に実行されるスクリプト | HTML5.1 |
ondrop="" | 要素にアイテムをドロップされた時に実行されるスクリプト | HTML5.1 |
ondurationchange="" | メディアの長さが変わった時に実行されるスクリプト | HTML5 |
onemptied="" | メディアの一時データが空になった時に実行されるスクリプト | HTML5 |
onended="" | メディアの再生が終了したときに実行するスクリプト | HTML5 |
onerror="" | 要素の処理中にエラーが発生した時に実行されるスクリプト | HTML5 |
onformdata="" | フォームのエントリリストを生成した時に実行されるスクリプト | HTML Living Standard |
onhashchange="" | URLのハッシュ値が変更されたときに実行するスクリプト | HTML5 |
oninput="" | 要素に入力された時に実行するスクリプト | HTML5 |
oninvalid="" | 要素の入力内容が無効な時に実行されるスクリプト | HTML5 |
onlanguagechange="" | ブラウザの言語設定が変更されたときに実行するスクリプト | HTML5.1 |
onloadeddata="" | メディアのデータが読み込まれた時に実行されるスクリプト | HTML5 |
onloadedmetadata="" | メディアのメタデータが読み込まれた時に実行されるスクリプト | HTML5 |
onloadstart="" | メディアのデータの読み込みが始まる時に実行されるスクリプト | HTML5 |
onmessage="" | 文書がAPIからメッセージを受信したときに実行するスクリプト | HTML5 |
onmessageerror="" | 文書がAPIから解読できないメッセージを受信したときに実行するスクリプト | HTML Living Standard |
onmouseenter="" | マウスのカーソルを要素の上に移動した時に実行されるスクリプト | HTML5 |
onmouseleave="" | マウスのカーソルを要素の外に移動した時に実行されるスクリプト | HTML5 |
onoffline="" | ネットワークとの交信ができなくなったときに実行するスクリプト | HTML5 |
ononline="" | ネットワークとの交信ができるようになったときに実行するスクリプト | HTML5 |
onpagehide="" | セッション履歴の中で移動してウェブページから移動したときに実行するスクリプト | HTML5 |
onpageshow="" | セッション履歴の中で移動してウェブページを表示したときに実行するスクリプト | HTML5.1 |
onpaste="" | 要素上で貼り付けをした時に実行されるスクリプト | HTML5.1 |
onpause="" | メディアの再生が一時停止された時に実行されるスクリプト | HTML5 |
onplay="" | メディアを再生した時に実行されるスクリプト | HTML5 |
onpopstate="" | セッション履歴の中で移動したときに実行するスクリプト | HTML5 |
onplaying="" | メディアが再生中になった時に実行されるスクリプト | HTML5 |
onprogress="" | メディアのデータの読み込み中に時に実行されるスクリプト | HTML5 |
onratechange="" | メディアの再生速度を変更した時に実行されるスクリプト | HTML5 |
onreadystatechange="" | 文書の読み込みのステータスが変化した時に実行されるスクリプト | HTML5 |
onrejectionhandled="" | 未処理の拒絶されたPromiseが処理されたときに実行するスクリプト | HTML5.1 |
onresize="" | ウィンドウサイズを変更した時に実行されるスクリプト | HTML5 |
onscroll="" | 要素上でスクロールした時に実行されるスクリプト | HTML5 |
onsecuritypolicyviolation="" | コンテンツセキュリティポリシーに違反した時に実行されるスクリプト | HTML Living Standard |
onseeked="" | メディアの再生位置の変更が終わった時に実行されるスクリプト | HTML5 |
onseeking="" | メディアの再生位置の変更を始めた時に実行されるスクリプト | HTML5 |
onslotchange="" | スロットが含まれるノードが変更された時に実行されるスクリプト | HTML Living Standard |
onstalled="" | メディアのデータが読み込めなかった時に実行されるスクリプト | HTML5 |
onstorage="" | ウェブストレージが変更されたときに実行するスクリプト | HTML5 |
onsuspend="" | メディアのデータが読み込みをしていない状態になった時に実行されるスクリプト | HTML5 |
ontimeupdate="" | メディアの再生時刻が更新された時に実行されるスクリプト | HTML5 |
ontoggle="" | 開閉式のウィジェットを開閉した時に実行されるスクリプト | HTML5 |
onunhandledrejection="" | Promiseの拒否が処理されないときに実行するスクリプト | HTML5.1 |
onvolumechange="" | メディアの音量が変更された時に実行されるスクリプト | HTML5 |
onwaiting="" | メディアの再生がバッファリングのために途中で止まった時に実行されるスクリプト | HTML5 |
onwebkitanimationend="" | CSSアニメーションが終了した時に実行されるスクリプト | HTML Living Standard |
onwebkitanimationinteration="" | CSSアニメーションが繰り返された時に実行されるスクリプト | HTML Living Standard |
onwebkitanimationstart="" | CSSアニメーションが開始した時に実行されるスクリプト | HTML Living Standard |
onwebkittransitionend="" | CSSトランジションが終了した時に実行されるスクリプト | HTML Living Standard |
onwheel="" | 要素上でマウスのホイールを回した時に実行されるスクリプト | HTML5.1 |
一度追加された属性
#
一度追加された属性
以下の属性は一度追加されましたが現行の仕様までに廃止されています。
要素 | 属性 | 用途 | 廃止されたバージョン |
---|---|---|---|
<area> | hreflang="" | リンク先の記述言語 | HTML Living Standard |
type="" | リンク先のMIMEタイプ | HTML Living Standard | |
<audio> | mediagroup="" | メディアのグループ化 | HTML5.1 |
<button> | menu="" | 関連付ける“menu”要素 | HTML5.1 |
<iframe> | allowusermedia="" | 埋め込まれた文書がユーザーのカメラやマイクにアクセスにすることを許可する | HTML Living Standard |
allowpaymentrequest="" | “Payment Request API”の実行を許可する | HTML Living Standard | |
<label> | form="" | 関連付ける“form”要素の“id”属性の値 | HTML5.1 |
<object> | typemustmatch="" | 埋め込まれる外部リソースが“type”属性で指定したMIMEタイプと一致する場合にのみ埋め込みを許可 | HTML Living Standard |
<table> | sortable="" | ソート可能にする | HTML5.1 |
<th> | sorted="" | 表をソートした時の順序 | HTML5.1 |
<video> | mediagroup="" | メディアのグループ化 | HTML5.1 |
#
一度追加されたグローバル属性
以下のグローバル属性は一度追加されましたが現行の仕様までに廃止されています。
属性 | 用途 | 廃止されたバージョン |
---|---|---|
contextmenu="" | コンテキストメニューに関連付ける | HTML5.2 |
dropzone="" | ドロップしたアイテムの受け入れ方法を指定する | HTML5.2 |
#
一度追加されたイベントハンドラ属性
以下のイベントハンドラ属性は一度追加されましたが現行の仕様までに廃止されています。
属性 | 用途 | 廃止されたバージョン |
---|---|---|
ondragexit="" | ドラッグしたアイテムが要素から出た時に実行されるスクリプト | HTML Living Standard |
onloadend="" | メディアのデータの読み込みが終わる時に実行されるスクリプト | HTML Living Standard |
onmousewheel="" | 要素上でマウスのホイールを回した時に実行されるスクリプト | HTML5.1 |
onshow="" | 操作メニューを表示した時に実行されるスクリプト | HTML Living Standard |