HTML文字参照主要一覧
HTMLでよく使われる名前付き文字参照を、表示文字とUnicode符号位置で整理した非公開検証用データ。
HTMLの主要なグローバル属性を整理した非公開検証用一覧。
| attribute | purpose_ja | value_example | note |
|---|---|---|---|
| id | 文書内で一意の識別子を付ける | main-title | リンク先やスクリプト参照に使う |
| class | 分類名を付ける | button primary | CSSやJavaScriptの対象指定に使う |
| style | 要素単位のスタイルを指定する | color: red | 再利用性の点ではCSS分離が望ましい |
| title | 補足情報を付ける | 詳細説明 | ツールチップ表示に使われることがある |
| lang | 要素内容の言語を示す | ja | 読み上げや検索の手がかりになる |
| dir | 文字方向を示す | ltr | rtlやautoも指定できる |
| hidden | 要素を表示対象から外す | hidden | ブール属性として使う |
| tabindex | フォーカス順や可否を制御する | 0 | キーボード操作性に影響する |
| accesskey | アクセスキーを割り当てる | s | ブラウザやOSとの衝突に注意 |
| contenteditable | ユーザー編集可否を指定する | true | 編集可能領域に使う |
| draggable | ドラッグ可能かを指定する | true | ドラッグアンドドロップUIで使う |
| spellcheck | スペルチェック可否を指定する | false | 入力欄や編集領域で使う |
| translate | 翻訳対象にするかを指定する | no | 固有名詞やコード断片で使う |
| data-* | カスタムデータ属性を持たせる | data-id=123 | アプリ固有の値を保持する |
| role | アクセシビリティ上の役割を補う | button | ネイティブ要素で表せない場合に使う |
| aria-* | 支援技術向けの状態や名前を補う | aria-label=閉じる | アクセシビリティ情報を追加する |