ulとol

質問

http://www.tagindex.com/stylesheet/list/list_style_type.html
を見てもよくわからないのですが
ulとolは何が違うのでしょうか？

数字を使って
1.リスト項目
2.リスト項目
3.リスト項目
としたい場合、
ulとolのどちらを使えばいいですか？

回答No.4

noname#206842 · ベストアンサー

まさかとは思いますが？・・・
<ul>
<li>1.・・・・</li>
<li>2.・・・・</li>
</ul>
などと記述しているのでは？・・・

<ol>は、番号付リスト項目
<ul>は、ただのリスト項目
に、使用するタグです。

仮に：100から番号を振る場合は、<ol start=100"></ol>という、記述になります。

回答No.3

tkmojo

1.リスト項目
2.リスト項目
3.リスト項目

数字を付けるリストというだけでは判断が出来ません。
list-style-type:decimal;を指定すれば、ulでもolでも連番付きの箇条書きが出来ます。

書かれた内容が、順番を変えても成立するかどうかが判断の基準です。

例えば、料理の手順を紹介してみましょう。

1.食材をみじん切りにします
2.切ったものを炒めます
3.盛り付けて完成

こういう場合は順番を変えると意味がつながらないのでolを使います。

次に、ECサイトでの禁止事項などを箇条書きにしてみましょう。

1.虚偽内容を記入する行為や他人に成りすましての注文
2.商品の受け取り拒否等、配送を阻害する行為
3.初期不良以外の返品

この場合は、連番はふってあるものの順番を入れ替えても成立する内容なのでulを使います。

回答No.2

4017B

え～っとコレは本来のタグの意味で分けて使います。

・OL : Ordered List … 順番通りに並んだリスト項目
・UL : Unordered List … 順番に並んで無いリスト項目

～以上の様な意味が本来は有ります。

つまり <OL> はリスト項目の並び順番に意味が有るリストの時に使い。<UL> はリスト項目が順不同でも問題無い、雑多な項目を同列に併記する場合などに使います。従ってリスト項目に数字やアルファベット等で「順番」を表示させたい場合は、<OL> の方を使います。

以下の様な記述で、数字の「1」から順番にリスト項目が並んだ状態で表示されます。

<ol>
<li>リスト項目</li>
<li>リスト項目</li>
<li>リスト項目</li>
<ol>

もしも数字以外、あるいは「1」以外からリスト項目を始めたい場合は…

<ol type="a" start="3">
<li>リスト項目</li>
<li>リスト項目</li>
<li>リスト項目</li>
<ol>

～と記述する事で

c. リスト項目
d. リスト項目
e. リスト項目

～みたいに表示されます。type で指定できる要素は 1、a、A、i、I の4種類。start には開始の順番を指定出来ます。無効な数値、或いは無指定だった場合には常に「数字/1から開始」となります。まあ色々と試してみてください。

P.S.
<UL> は順番指定が出来ないので、全てのリスト項目に同じ印が表示されます。やはり type で印の種類を変える事が出来ますが、start は設定出来ません。

しかしながらCSSを使えば <OL>、<UL> の違いに関係無く、自由に数字や丸印などを使う事が出来ます。従って現状、見た目の表示上では事実上、2つの差は全く無いと言って差支えが無いのですが…。

まあ人間側がwebコンテンツを作る上で便宜上、メンテナンスのし易さとかコードの可読性を高めるために、適宜使い分けると言った感じでしょうか？まあ前述の原理原則に従って記述して置けば、第三者に仕事を受け継ぐ時などに面倒が少なくて済みます。

回答No.1

metametamu

＞ulとolのどちらを使えばいいですか？
olですね。

・リスト項目
・リスト項目
・リスト項目

こんな箇条書きの時、順番がぐちゃぐちゃでもOKなリストがulです。