html

プログラミング
【dir属性】要素内の書字方向を指定する。「HTML・属性・初心者向け」- ノブレコ

指定した要素のテキストの書字方向をしていする属性です。もしHTML文書全体にこの属性を指定すると、その文書全体の書字方向を変更することが可能です。基本的に日本語や英語は左から右への書字方向ですが、アラビア語やヘブライ語のように右から左の書字方向を示す言語もあります、そのような場合にこのdir属性を指定します。

続きを読む
プログラミング
【content editable属性】要素内の編集の可否を指定する。「HTML・属性」- ノブレコ

この属性を指定した場合、その要素の編集の可否を指定します。編集をするか否かは、指定する値で決めることができます。content editable属性はグローバル属性のため、全てのHTML要素に指定することができます。この属性を使う際は、本当に必要かどうかをよく考えてから使用することをオススメします。

続きを読む
プログラミング
【accesskey属性】キーボード操作によるショートカットキーを指定する「HTML・属性」- ノブレコ

キーボード操作で、目的の要素にフォーカスを当てたり、アクティブな状態にするためのショートカットキーを設定するために指定する属性です。指定できる値はユニコード(半角英数字)1文字となり、この文字を半角スペースで区切って列挙することができます。ショートカットの呼び出し方(実行)は、OSやブラウザによって操作が異なります。

続きを読む
プログラミング
【autocapitalize属性】テキストの頭文字を自動で大文字化する。「HTML ・属性」- ノブレコ

autocapitalize属性は、ユーザーがテキスト入力や編集を行う際、その入力文字列の「先頭文字を自動で大文字化」する場合に指定する属性です。※ 頭文字の大文字化は、日本語環境ではあまり関係ありませんが、英語圏などではその文法上、状況によっては便利な場合があります。

続きを読む
プログラミング
【autoforcus属性】要素に自動で焦点を当てる。「HTML・属性・初心者向け」- ノブレコ

autoforcusは、ページを開いたときに、自動で指定した要素にフォーカスした状態になる属性です。ちなみに、「フォーカス」とは、焦点を当てる、また集中するといった意味があります。この属性を指定した場合、ページが表示された時、自動でテキストボックスなどの入力欄が選択された状態となり表示されます。

続きを読む
プログラミング
【tabindex属性】要素にフォーカスの移動順序を定める「HTML・属性・初心者向け」- ノブレコ

キーボード操作時にtabキーを押すことで、任意で決めた値の順序に沿ってフォーカスを移動させることができます。このフォーカス移動のことを「シーケンシャルフォーカスナビゲーション」と呼びます。tabindex属性の属性値に整数を指定し、属性の有無を指定する数値によってフォーカスの順序を変化させることができます。

続きを読む
プログラミング
【id属性】要素に対して固有のユニークIDを付与する。「HTML・属性・初心者向け」- ノブレコ

id属性を使用すると、要素に対してユニークID(固有識別名)を付与することができます。ユニークIDは単に仕様としてIDとして略称れることもあります。この属性でid名を付与する際は、同じHTML文書内で重複させてはならない決まりがあり、唯一のID名でなければなりません。また空白文字を含めることはできません。

続きを読む
プログラミング
【class属性】要素に直接スタイルの変更したり、動作を加えたりする。「HTML・属性・解説」- ノブレコ

要素にクラス名を指定するもので、主に要素に対してスタイルシートでデザインを適用するための属性です。複数の値をASCII空白文字で区切って指定できます。ま空の値の(class=" ")も指定できますが、この場合はクラス属性が指定されていないとみなされますが、構文エラーになることもありません。

続きを読む
プログラミング
【style属性】要素に対して直接CSSを指定できる。「HTML・属性・初心者向け」- ノブレコ

style属性は、要素に直接CSSのスタイルを指定することができる属性です。複数の要素に対してまとめてスタイルを指定したい場合は、style要素を使用するか、link要素で外部スタイルシートのファイルを適用させて読み込む方法があります。属性値はセミコロンで区切ることで、複数の宣言をすることができます。

続きを読む
プログラミング
【lang属性】指定した要素の言語を指定する。「HTML・属性・初心者向け」

lang属性は、HTMLページ全体の言語を指定できる属性です。またHTMLページ全体の言語を指定できるだけでなく、HTML内で使用する要素自体にも直接指定して使用することが可能です。言語の指定には、BCP47の言語タグを指定することで、対応する言語を指定することができます。

続きを読む