グローバル属性 | 説明 |
---|---|
acccesskey |
「ショートカットキー」を指定できる属性。 「値」は、「1文字」で、「半角英数字」を指定する。 「大文字」「小文字」は、区別される。 「半角スペース」で区切ると、複数の値を指定できる。 |
id |
要素に「ID名」を指定できる属性。 「ID名」は、文書内(ファイル)内に一つしか許されないので、 同名の「ID名」を複数に指定することはできない。 「ID名」は、「CSSセレクタ」として指定できるので、「CSS」レイアウトによく使われる。 「ID名」の条件は、 ・1文字以上 ・空白文字は使えない 要素に固有の識別名を指定します。id属性の値は文書内で一意であり、同じ値を複数の要素に指定できません。また、最低でも1文字が必要で、空白文字は含めません。CSSのセレクタとして利用できるほか、リンクのフラグメント識別子としても利用できます。 |
class |
要素に「クラス名」を指定できる属性。 「クラス名」は、文書(ファイル)内に、同一クラス名を複数指定できる。 「クラス名」は、「CSSのセレクタ」として指定することができるので、 「CSS」でのレイアウトデザインによく使われる。 「半角スペース」で区切ることで、複数のクラス名を指定でき、 使用できるのは、「半角英数字」で、、最初の文字は「英字」から始める。 |
contenteditable |
「閲覧者」による要素の「編集」を許可するかを指定できる属性。 「値」を指定しない場合は、「上位要素」の指定を継承する。 ・「true」 = 閲覧者による編集を許可する ・「false」 = 閲覧者による編集を許可しない |
dir |
要素内にある「文章の向き」指定する属性。 ・「ltr」 = 「左から右」(left to right)。 ・「rtl」 = 「右から左」(right to left)。 |
hidden |
指定すると、要素を表示しなくなる属性。 |
lang |
要素内の文字列が、記されている言語を指定する属性。 指定するタグによって、 「html要素」「文書全体」「一部の要素」などに言語を指定することが可能。 |
spellcheck |
指定したタグ(要素)の内容を「スペルチェック」するかを指定する属性。 ・「true」 = スペルチェックを実行する ・「false」 = スペルチェックを実行しない |
style |
「HTMLタグ」に直接「CSS」を記述するための属性。 |
tabindex |
「tab」キーで、フォーカスを移動させるときの「優先順位」を指定する属性。 「正の数字」で値を指定することで、「優先順位」を指定する。 「0」を指定された要素が「最後」にフォーカスされる。 |
title |
「タグ(要素)」のタイトル的な補足情報を記述する属性。 「値」には、任意のテキストを記述する。 |
translate |
「タグ(要素)」内の内容に「翻訳」を実行するかを指定する属性。 ・「yes」 = 翻訳を許する 。 ・「no」 = 翻訳を許可しない |
カスタムデータ |
「カスタムデータ」は、 製作者が属性名を決めることができる属性で、 「data-*****="値"」という書式で記述することが可能。 「JavaScript」を利用してのデータ処理も可能。 |
イベントハンドラ属性 | 説明 |
---|---|
onclick |
マウスクリックしたときに指定内容を実行することができる属性。 「Javascript」などのプログラムコードを指定して、動的な変化を起こすことも可能。 画像に置いては、画像のURLを変更するように指定することも可能。 |
oninput |
入力フォームなどで、データが入力されたときにアクションが実行される属性。 「Javascript」などの実行プログラムを指定すると、データ入力されたときにプログラムが実行される。 |
onsubmit |
入力フォームの「送信」ボタンを押した時など、 データが送信されるときに、アクションを実行する属性。 |