HTMLの順序付きリスト(<ol>
)要素のtype
属性は、リスト項目のマーカーに使用される番号のスタイルを指定するために使用されます。この属性により、リストの番号付けに異なる種類の番号体系を適用することができます。
type
属性で指定できる値
type
属性には以下の値を指定することができます:
"1"
: デフォルト。アラビア数字(1, 2, 3, …)。"A"
: 大文字のアルファベット(A, B, C, …)。"a"
: 小文字のアルファベット(a, b, c, …)。"I"
: 大文字のローマ数字(I, II, III, …)。"i"
: 小文字のローマ数字(i, ii, iii, …)。
type
属性の使用法
以下はtype
属性を使用した順序付きリストの例です:
<ol type="A">
<li>最初の項目</li>
<li>次の項目</li>
<li>三番目の項目</li>
</ol>
このリストは、大文字のアルファベットで番号付けされたリストとして表示されます:
A. 最初の項目
B. 次の項目
C. 三番目の項目
type
属性の応用
type
属性は、文書やリストが特定の番号付けスタイルを要求する場合に便利です。例えば、法的文書や技術仕様、試験の回答などで使用されることがあります。
注意点
- HTML5では、
type
属性は依然として有効ですが、CSSを使用してリストのスタイルを指定することが推奨されています。 - CSSを使用すると、リストマーカーのスタイルにさらに柔軟性を持たせることができ、
list-style-type
プロパティを通じて同様の効果を達成できます。 - すべてのブラウザが
type
属性をサポートしており、互換性に問題はありませんが、CSSによるスタイリングが一般的になっています。
リストの視覚的表現をコントロールするために、現代のウェブ開発ではCSSの使用が好まれる傾向にありますが、単純な文書を素早くマークアップする際にtype
属性を使用することは依然として有効です。