リスト
リストとは、箇条書きなどを表示させるテキストの形成です。
リストの行頭のマーカーなどを変更させることが可能です。HTMLの箇条書き(リスト)を使うと、自動連番や見やすい項目表現などができます。dir、dl、menu、ol、ulの5つが用意されています。
<要素 Attribute>＊＊＊＊</要素>
|
タ グ |
Attribute | 終了タグ | 説 明 |
|---|---|---|---|
| リスト・タグ | |||
| <OL> Ordered List |
番号付き | 必要 | 番号付きリスト（項目は<LI>で指定） |
| TYPE=A | A,B,C〜 | ||
| TYPA=a | a,b,c〜 | ||
| TYPE=I | I,II,III〜 | ||
| TYPE=i | i,ii,iii〜 | ||
| TYPE=1 | １，２，３〜 | ||
| CONTTINUE | 直前のリスト番号を引き継ぐ場合の指定 | ||
| START=n | 連番の開始番号を指定する | ||
| <UL> Unordered List |
マーク付き | 必要 | マーク付きリスト |
| TYPE=CIRCLE | ○：ＯＳや機種によって表示が異なる場合がある | ||
| TYPE=SQUARE | □：ＯＳや機種によって表示が異なる場合がある | ||
| TYPE=DISK | ●：ＯＳや機種によって表示が異なる場合がある | ||
| <LI> List I tem |
<OL>,<UL>内に 配置 |
必要 | <OL>,<UL>の各項目 |
| value:値=n | 開始番号を指定する（途中での指定） | ||
| SKIP=n | 番号を飛ばす（スキップ）いくつ飛ばすかを指定する | ||
| <DL> Definition List |
必要 | 用語説明リスト | |
| COMPACT | DTとDDを一行で表示する。 DTでの文字数に制限があります |
||
| <DT> Definition Term |
<DL>内に 配置 |
必要 | 用語（項目タイトル等） |
| <DIR> Directory list |
必要 | 箇条書き | |
| <MENU> MENU list |
必要 | 箇条書き | |
| <DD> Definition Description |
<DL>内に 配置 |
必要 |
|
リスト項目のマーカーの設定は任意に行うことができます。
<ul type="disc">黒丸のマーカー（非推奨）
<ul type="circle"> 白丸のマーカー（非推奨）
<ul type="square"> 黒四角のマーカー（非推奨）
推奨されているスタイルシートによる設定は下記の通りです。
その表現は非常に多く設定されています。
ただし、ブラウザ側でサポートされていないものが多いようです。
| CSS記述 | 機能 |
|---|---|
ul { list-style-type: disc } |
|
ul { list-style-type: circle } |
|
ul { list-style-type: square } |
|
ul { list-style-type: decimal } |
|
ul { list-style-type: lower-roman } |
|
ul { list-style-type: upper-roman } |
|
ul { list-style-type: lower-greek } |
|
ul { list-style-type: upper-greek } |
|
ul { list-style-type: decimal-leading-zero } |
行頭に 0 をつけた算用数字 |
ul { list-style-type: lower-alpha } |
|
ul { list-style-type: upper-alpha } |
|
ul { list-style-type: cjk-ideographic } |
|
ul { list-style-type: hiragana } |
|
ul { list-style-type: katakana } |
|
ul { list-style-image: url("marker.gif") } |
|
この他にもいろいろ設定されておりますが、詳しくは、CSSリファレンスのリスト を参照してください
目的別要素
広告