web-dev-qa-db-ja.com

いつULまたはOLをHTMLで使用しますか？

交換可能と思われますか？

htmlsemantics
62
omg

ULは「順序なしリスト」を意味します。 OLは「順序付きリスト」を意味します。

ULは弾丸ポイントを取得します。 OL数字を取得します。

間違いなく交換できません。

83
Randolpho

数学用語で（ちょっと、なぜですか？）、<ol>はシーケンスを表し、<ul>はセットを表します。順序付きリストのアイテムを並べ替えると、リストの意味が変わります。順不同リストでそれらを並べ替えることはしません。

これは、どのタイプのリストを使用するかについての適切な経験則です。アイテムの順序を変更するとリストが不正確になる場合は、<ol>を使用します。順序が重要でない場合は、<ul>を使用します。

54
Ben Blank

<ol>データの順序は重要であり、<ul>、順序はそれほど重要ではありません。例：

<p>Tomorrow I will</p>
<ol>
 <li>Wake up</li>
 <li>Have breakfast</li>
 <li>Go to sleep</li>
</ol>
<p>During breakfast, I will eat</p>
<ul>
 <li>Butter</li>
 <li>Eggs</li>
 <li>Bacon</li>
</ul>
46
basaundi

1つは順序付きリスト（OL）です。定義済みの明確な順序を持つもの用です。それらが組織化される理由には理由があります。

もう1つ（UL）は順序付けられていないリストで、指定された順序のないものの単なるコレクションです。彼らの組織は簡単です。

26
Ian Elliott

ハハ、たくさんの答え！

HTMLが最初に登場したとき、 [〜＃〜] ol [〜＃〜] と [〜＃〜] ul [〜＃〜] がありました。他のポスターのうち、順序付きリストと順序なしリストを意味しています。

違いは簡単でした。 OLが表示されました...隣に数字があります。またはローマ数字、または手紙！大文字のシンボルを使用するか小文字を使用するかを制御することさえできます！クール！

ULは弾丸を与えました。 3種類の弾丸、偶数-ディスク（中空の円）、正方形（塗りつぶされた正方形）、円（塗りつぶされた円）

CSSはありませんでした。これらの属性を超えて、リスト形式（およびマージンとインデント、その他すべて）をカスタマイズする方法は実際にはありませんでした。したがって、この区別は重要でした。

最近では、すべてのCSS。実際、w3の人々は、以前使用していたhtmlの「type」属性ではなく、スタイルを使用することを望んでいます。したがって、UL vs OLを使用することは、新しいCSSを使用しているユーザーであれば、実際には重要ではありません。

CSSを使用すると、箇条書きの種類を変更したり、画像の使用を選択したり、マージン/スタイル/インデントを変更したり、箇条書きをまったく表示しないこともできます。

もう一度編集してください。この答えは、ULとOLのセマンティックなメリットに対処することを意図したものではありません。しかし、技術的に（ご存じのとおり、ビットとバイトで）上記の動作の違いを概説しています。

20
poundifdef

OL：

  1. リストアイテム1
  2. リスト項目2

UL：

  • リストアイテム1
  • リスト項目2

OLは順序付きリスト、ULは順序なしリストです

13
Zach

質問が「いつ使用するか」を尋ねるので、私は通常、OL一連のステップが必要な場合、ULは提供したい場合に使用することを決定します。選択肢：

順序付きリスト

ここで、stepsはビジネスケースにとって重要です。この順序でステップを実行する必要があるため、順序付きリストが使用されます。

Eコマースのチェックアウト段階では、これらの手順はこの順序になります。

<ol>
    <li>shipping</li>
    <li>billing</li>
    <li>summary</li>
    <li>confirmation</li>
</ol>

順不同リスト

ユーザーは、これらと対話するために選択した順序を決めることができますchoices

<ul>
    <li>Contact Us</li>
    <li>Newsletter Signup</li>
    <li>Terms</li>
    <li>Log out</li>
</ul>
7
Neil

CSSによって番号付け/箇条書きのポイントを変更できるため、これはセマティックな問題だと思います。

順序付きリストは、指示のようなもの、または連続した情報である必要があります。

順不同リストは他のすべてである必要があります。

7
Matthew Groves

特定の順序で実行する必要があるステップをリストする場合は、OLを使用します。重要度の順不同でアイテムをリストする場合は、ULを使用します。

3
joebert

http://techuap.com/category/tips/computer-programming-tips

OLを特定の順序で実行する必要があるステップをリストする場合に使用します。重要度の順不同でアイテムをリストする場合にULを使用します。これはcssで編集できますが、ありがとうございました。

1
arya sm

ulは、非リストを意味します。リストの順序は関係ありません。

olは順序付きリストを意味します。リストに番号が付けられているか、何らかの方法で特定の順序があることを示しています。

デフォルトでは、ulは箇条書きリストとol番号付きリストを取得しますが、これはcssで編集できます。

1
Andrew Marsh

特別なニーズを持つ人々のためにスクリーンリーダーによって特別に使用されるいくつかのケースでは、視覚的なデザインのためにリストを順序付けたいが、番号を関連付けたくない場合があります。例フォームに記入するようにページ上で指示を言い、スクリーンリーダーが指示内の注文されたアイテムを利用するようにしたい場合、それは役に立ちます。すべての視覚的な目的のために、CSSを介してまったく同じに見えるようにすることができます。それは（視覚的ではありませんが、スクリーンリーダーには役立ちます）セマンティクスであり、時には有用です。

1
karora