2023年5月

プログラミング
【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の言語タグを指定することで、対応する言語を指定することができます。

続きを読む