このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

HTML5で新しく追加された属性

記事May 9th,2015
Aug.19th,2020
HTML4から現行の仕様までに新しく追加された属性がある要素の一覧

追加された属性

新しく追加された属性

以下の属性はHTML5で新しく追加されました。

要素 属性 用途 追加されたバージョン
<a> download="" ダウンロードさせるかどうか、ダウンロード時のファイル名 HTML5
ping="" pingの送信先を指定する HTML Living Standard
referrerpolicy="" リファラーポリシーを指定する HTML5.1
<area> download="" ダウンロードさせるかどうか、ダウンロード時のファイル名 HTML5
ping="" pingの送信先を指定する HTML Living Standard
referrerpolicy="" リファラーポリシーを指定する HTML5.1
rel="" 現在の文書から見たリンク先との関係 HTML5
<base> target="" リンク先の表示方法 HTML5
<body> onafterprint="" 文書の印刷後に実行するスクリプト HTML5
onbeforeprint="" 文書の印刷前に実行するスクリプト HTML5
onbeforeunload="" 文書から移動もしくは文書を閉じる前に実行するスクリプト HTML5
onhashchange="" URLのハッシュ値が変更されたときに実行するスクリプト HTML5
onlanguagechange="" ブラウザの言語設定が変更されたときに実行するスクリプト HTML5.1
onmessage="" 文書がAPIからメッセージを受信したときに実行するスクリプト HTML5
onmessageerror="" 文書がAPIから解読できないメッセージを受信したときに実行するスクリプト HTML Living Standard
onoffline="" ネットワークとの交信ができなくなったときに実行するスクリプト HTML5
ononline="" ネットワークとの交信ができるようになったときに実行するスクリプト HTML5
onpagehide="" セッション履歴の中で移動してウェブページから移動したときに実行するスクリプト HTML5
onpageshow="" セッション履歴の中で移動してウェブページを表示したときに実行するスクリプト HTML5.1
onpopstate="" セッション履歴の中で移動したときに実行するスクリプト HTML5
onstorage="" ウェブストレージが変更されたときに実行するスクリプト HTML5
onunhandledrejection="" 未処理の拒絶されたPromiseが処理されたときに実行するスクリプト HTML5.1
onunload="" 文書から移動もしくは文書を閉じるときに実行するスクリプト HTML5
<button> form="" 関連付けるform”要素id”属性の値 HTML5
formaction="" 送信先の指定する HTML5
formenctype="" 送信時のデータ形式を指定する HTML5
formmethod="" HTTPメソッドを指定する HTML5
formnovalidate="" 妥当性をチェックしない HTML5
formtarget="" 送信結果の表示方法 HTML5
<fieldset> disabled="" グループ化したフォームの内容を無効化する HTML5
form="" 関連付けるform”要素id”属性の値 HTML5
name="" グループの名前を指定する HTML5
<form> autocomplete="" オートコンプリートの可否を指定する HTML5
novalidate="" 妥当性をチェックしない HTML5
rel="" 現在の文書から見たリンク先との関係 HTML Living Standard
<iframe> allow="" 利用できるブラウザの機能を指定する HTML Living Standard
allowfullscreen="" 全画面モードにすることを許可する HTML5.1
referrerpolicy="" リファラーポリシーを指定する HTML5.2
sandbox="" 埋め込まれたHTML文書を制限 HTML5
srcdoc="" 埋め込むHTML文書の内容 HTML5
<img> crossorigin="" 取得したデータに関わるCORSリクエストを設定 HTML5
decoding="" 画像のデコード方式を指定する HTML Living Standard
loading="" 画像の読み込みのタイミングを指定する HTML Living Standard
referrerpolicy="" リファラーポリシーを指定する HTML5.2
sizes="" 画像を表示するサイズ HTML5.1
srcset="" 使用可能な画像ファイルのセット HTML5.1
<input> autocomplete="" オートコンプリートの可否を指定する HTML5
dirname="" 書字方向の送信に使う名前 HTML5
form="" 関連付けるform”要素id”属性の値 HTML5
formaction="" 送信先の指定する HTML5
formenctype="" 送信時のデータ形式を指定する HTML5
formmethod="" HTTPメソッドを指定する HTML5
formnovalidate 妥当性をチェックしない HTML5
formtarget="" 送信結果の表示方法 HTML5
height="" 画像の高さを指定する HTML5
list="" 入力候補となるデータリストを指定する HTML5
max="" 入力できる最大値を指定する HTML5
min="" 入力できる最小値を指定する HTML5
minlength="" 入力できる最少文字数 HTML5
multiple="" 複数の値を入力・選択できるようにする HTML5
pattern="" 正規表現で入力値のパターンを指定する HTML5
placeholder="" 入力のヒント HTML5
required 入力必須 HTML5
step="" 入力欄で刻むステップ値を指定する HTML5
width="" 画像の横幅を指定する HTML5
<link> as="" 先行して読み込む外部リソースの利用先を指定する HTML Living Standard
color="" Safariのページピンアイコンの色を指定する HTML Living Standard
crossorigin="" 取得したデータに関わるCORSリクエストを設定 HTML5
disabled="" 外部スタイルシートへのリンクを無効化する HTML Living Standard
imagesizes="" 画像を表示するサイズ HTML Living Standard
imagesrcset="" 使用可能な画像ファイルのセット HTML Living Standard
integrity="" 外部リソースの整合性を確認 HTML Living Standard
referrerpolicy="" リファラーポリシーを指定する HTML5.2
sizes="" アイコンのサイズを示す HTML5
<meta> charset="" 文字エンコーディングの指定する HTML5
<object> form="" 関連付けるform”要素id”属性の値 HTML5
<ol> reversed="" 逆順序のリスト HTML5
<optgroup> label="" 選択肢のグループの名前 HTML5
<option> label="" 選択肢の名前 HTML5
selected="" 初期状態で選択する HTML5
value="" フォームで送信する値 HTML5
<script> async="" スクリプトが使用可能になったら実行 HTML5
crossorigin="" 取得したデータに関わるCORSリクエストを設定 HTML5
integrity="" 外部スクリプトの整合性を確認する HTML Living Standard
nomodule="" モジュールスクリプトに対応する環境でスクリプトを無効化する HTML Living Standard
referrerpolicy="" リファラーポリシーを指定する HTML Living Standard
<select> autocomplete="" オートコンプリートの可否を指定する HTML5.2
form="" 関連付けるform”要素id”属性の値 HTML5
required="" 入力必須 HTML5
<source> media="" リソースが対象とするメディアを指定する HTML5.1
sizes="" 画像を表示するサイズ HTML5.1
srcset="" 使用可能な画像ファイルのセット HTML5.1
<textarea> autocomplete="" オートコンプリートの可否を指定する HTML5
dirname="" 書字方向の送信に使う名前 HTML5
form="" 関連付けるform”要素id”属性の値 HTML5
maxlength="" 入力できる最大文字数 HTML5
minlength="" 入力できる最少文字数 HTML5
placeholder="" 入力のヒント HTML5
required="" 入力必須 HTML5
wrap="" 送信時の改行の有無 HTML5
<video> playsinline="" インラインで再生する HTML Living Standard

以下の属性は一度追加されましたが、現行の仕様では非推奨のため使用するべきではありません。

要素 属性 用途 追加されたバージョン
<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
is="" カスタム要素と関連付ける HTML Living Standard
itemid="" 要素の内容のマイクロデータのグローバルな識別子を示す HTML Living Standard
itemprop="" 要素の内容のマイクロデータのプロパティ名を指定する HTML Living Standard
itemref="" 要素の外にあるマイクロデータと関連付ける HTML Living Standard
itemscope="" 要素の内容にマイクロデータが含まれることを示す HTML Living Standard
itemtype="" 要素の内容のマイクロデータのプロパティ名の定義を示す 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
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
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
HTMLタグ辞書
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク