コンテンツにスキップ

HTML Living Standard/グローバル属性

出典: フリー教科書『ウィキブックス(Wikibooks)』

グローバル属性(Global attributes)

[編集]

グローバル属性は、HTMLの要素全てに対して指定可能な共通の属性群です。これらの属性は、HTML名前空間の要素に対してのみ定義され、他の名前空間の要素には適用されません。

グローバル属性一覧

[編集]

一般的な制御属性

[編集]
  • accesskey:要素にキーボードショートカットを割り当てます。
  • autofocus:ページ読み込み時に自動的にフォーカスを受け取るべき要素を指定します。
  • contenteditable:要素をユーザーが編集可能にするかどうかを指定します。
  • dir:テキストの方向性を制御します。
  • draggable:要素をドラッグ可能にするかどうかを指定します。
  • hidden:要素を非表示にします。
  • inert:要素とその子孫要素を操作不能にします。
  • lang:要素の言語を指定します。
  • spellcheck:スペルチェック機能を有効にするかどうかを指定します。
  • style:インラインCSSスタイルを定義します。
  • tabindex:タブキーによるフォーカス順序を指定します。
  • title:要素に関する追加情報を提供します。
  • translate:要素を翻訳すべきかどうかを指定します。

入力関連の属性

[編集]
  • autocapitalize:テキスト入力時の自動大文字化の動作を制御します。
  • autocorrect:テキスト入力時の自動修正機能を制御します。
  • enterkeyhint:仮想キーボードのEnterキーの表示を制御します。
  • inputmode:仮想キーボードの種類を指定します。

Microdata関連の属性

[編集]
  • itemid:アイテムの一意な識別子を指定します。
  • itemprop:アイテムのプロパティを指定します。
  • itemref:文書内の他の場所にある関連プロパティを参照します。
  • itemscope:新しいアイテムを定義します。
  • itemtype:アイテムの種類を指定します。

セキュリティと拡張機能

[編集]
  • nonce:スクリプトの実行を制御するための一度限りのトークンを指定します。
  • is:カスタム要素の動作を定義します。

UI関連の属性

[編集]
  • popover:ポップオーバー要素の動作を制御します。
  • writingsuggestions:テキスト入力時の文章提案機能を制御します。

使用例

[編集]
<div lang="ja" 
     contenteditable="true" 
     spellcheck="true" 
     translate="no">
  編集可能なコンテンツ
</div>

<button hidden 
        tabindex="-1" 
        title="非表示のボタン">
  表示されないボタン
</button>

<input autofocus
       autocapitalize="sentences"
       enterkeyhint="send"
       inputmode="text">

注意事項

[編集]
  • これらの属性は、HTML名前空間の要素に対してのみ定義されています。
  • 他の名前空間(SVGやMathMLなど)の要素に対しては、これらの属性は定義されていません。
  • 実装状況は、ブラウザによって異なる場合があります。

参考文献

[編集]