2009-06-24 26 views
55

Wydaje się wymienialne?kiedy używać UL lub OL w html?

+3

Oni naprawdę powinni byli wybrać różne nazwy, ponieważ kiedy pierwszy raz się o tym dowiesz, jest to mylące, ponieważ widoczna lista będzie oczywiście wyświetlana w określonej kolejności. Powinni nazwać go czymś w rodzaju (dla listy punktowanej) i (dla listy numerowanej). –

Odpowiedz

72

UL oznacza "nieuporządkowaną listę". OL oznacza "uporządkowaną listę".

UL dostaje punkty. OL dostanie ci numery.

Zdecydowanie nie wymienne.

+14

Cóż, technicznie można zmienić sposób wyświetlania listy za pomocą CSS (styl listy). Ale tak, semantycznie, UL powinno być używane dla danych nieuporządkowanych, a OL dla uporządkowanych. – jimr

+0

Bardzo prawdziwe. CSS to tylko wyświetlanie danych; ważna jest różnica semantyczna, IMO. – Randolpho

+0

-1 - Fakt, że domyślny wyświetlacz jest inny, nie powinien mieć żadnego wpływu na wybór. Anuluję downvote, jeśli bit do wyświetlenia zostanie usunięty lub wyjaśniony. –

13

OL:

  1. przedmiot 1
  2. przedmiot 2

UL:

  • przedmiot 1
  • przedmiot 2

OL jest uporządkowaną listą, UL jest nieuporządkowaną listą

+0

Czy OL jest numerem, który można ukryć? – omg

+0

Jak wspomniano w innych wpisach, możesz użyć stylu listy css: none; aby to ukryć. Można również użyć typu listy do pomieszania z wyglądem. Jeśli masz zamiar przegłosować, zostaw jakiś powód. – Zach

+0

Mam to. A jeśli chcę ustawić margines między każdym elementem UL? – omg

25

Jedna jest uporządkowana lista (OL), dotyczy rzeczy, które mają zdefiniowaną i odrębną kolejność. Jest powód, dla którego są zorganizowane.

Druga (UL) to lista nieuporządkowana, która jest po prostu zbiorem rzeczy bez określonej kolejności. Ich organizacja jest banalna.

+9

Tak. Inni nie wspominają, że liczby lub wypunktowania są tylko domyślnym formatowaniem. Znaczenie semantyczne jest najważniejsze. –

+1

BTW, jak ukryć pociski UL przez css? – omg

+9

styl listy: brak; –

7

Myślę, że jest to kwestia sematyczna, ponieważ numeracja/punktor może być zmieniony przez CSS.

Listy uporządkowane powinny być takie, jak instrukcje lub wszelkie informacje sekwencyjne.

Nieuporządkowane listy powinny być wszystkim innym.

+2

Pokonaj mnie. Dzięki za poruszenie semantyki. –

44

W przypadku <ol> kolejność danych jest ważna i będzie wyświetlana (domyślnie), natomiast w przypadku <ul> kolejność nie jest tak ważna. Przykład:

<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> 
3

Zastosowanie OL kiedy wykaz czynności, które muszą być wykonywane w określonej kolejności. Używaj UL, kiedy wystawiasz na aukcje przedmioty w niezbyt dużej kolejności.

17

Haha, tak wiele odpowiedzi!

Po wygaśnięciu kodu HTML pojawiły się OL i UL, które, jak powiedzieli wszystkie inne plakaty, oznaczały listę uporządkowaną i listę nieuporządkowaną.

Różnica była łatwa. OLs wyświetliły ... numer obok nich. Albo cyfrę rzymską, albo literę! Można nawet kontrolować, czy używane są wielkie litery czy małe litery! Chłodny!

UL dały ci pociski. 3 rodzaje pocisków, nawet - dyski (puste kółka), kwadraty (wypełnione kwadraty), okręgi (wypełnione kółka).

Nie było CSS. Poza tymi atrybutami, nie było sposobu, aby dostosować formaty list (i marginesy i wcięcia i wszystko inne.) Rozróżnienie to było ważne.

W dzisiejszych czasach to wszystko CSS.W rzeczywistości ludzie w3 chcą, abyś używał stylów, a nie html "typ", którego używałeś. Tak więc użycie UL lub OL nie ma większego znaczenia, jeśli jesteś jednym z nich, nowymi użytkownikami CSS.

CSS pozwala zmienić typ punktora lub zdecydować się na użycie obrazu, zmienić marginesy/style/wcięcia, a nawet wyświetlić punktor.

Edytuj ponownie: Ta odpowiedź nie ma na celu rozwiązania semantycznych zalet UL i OL. Ale technicznie (wiesz, w bitach i bajtach) powyższe zarysowuje różnice w zachowaniu.

+7

Prawidłowe jest rozróżnienie, ponieważ nie wiesz, w jaki sposób użytkownik dotrze do informacji. Może jego przeglądarka nie obsługuje CSS lub używa czytnika ekranu, czy cokolwiek innego. Semantycznie nie są one takie same, więc trzeba je rozróżnić. – basaundi

46

W terminologii matematycznej (hej, dlaczego nie?), <ol> reprezentuje sekwencję, podczas gdy <ul> reprezentuje zestaw. Zmiana kolejności elementów na uporządkowanej liście zmienia znaczenie listy. Zmiana ich kolejności na liście nieuporządkowanej nie jest.

Jest to dobra zasada, dla której rodzaju listy użyć. Jeśli zmiana kolejności pozycji powoduje, że lista jest nieprawidłowa, chcesz użyć <ol>. Jeśli zamówienie nie ma znaczenia, użyj <ul>.

+5

Sekwencja kontra zestaw to zabawna metafora, z tym że zestaw matematyczny nie pozwala na powtarzanie, gdy lista nieuporządkowana w html ma. – jtmoulia

+0

Myślę, że miałeś na myśli "ale" zamiast "z wyjątkiem". Fakt, że "zestaw matematyczny nie pozwala na powtarzanie w czasie, gdy lista nieuporządkowana jest w html", nie zmienia faktu, że "Sekwencja kontra zestaw to zabawna metafora". ratskin

1

ul oznacza niezarejestrowaną listę. Jest to lista, w której nie ma znaczenia, w jakiej kolejności znajdują się elementy listy.

ol oznacza uporządkowaną listę. To jest dla list, które są ponumerowane lub w jakiś sposób pokazują, że mają określoną kolejność.

Domyślnie ul otrzymuje listy punktowane i listy ponumerowane, chociaż można je edytować w css.

7

jak pytanie pyta „kiedy z nich korzystać”, pomyślałem stosowne zaoferować przykłady, kiedy ja zwykle decydują się korzystać z OL, gdy chcę szereg kroków, a UL kiedy chcą oferować możliwości:

uporządkowaną listę

Tutaj kroki są krytyczne dla przypadku biznesu, musimy wykonać czynności opisane w tej kolejności, więc uporządkowana lista jest używana.

Etapy realizacji w eCommerce, te kroki będą w tej kolejności.

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

nieuporządkowana lista

Użytkownik może decydować o kolejności decydują się na interakcję z tymi wyborów

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

w niektórych przypadkach (szczególnie używanych przez czytniki ekranu dla osób specjalne potrzeby) możesz chcieć mieć uporządkowaną listę, ale nie mieć numerów powiązanych z nimi z powodu wizualnego projektu. Przykł. kiedy powiesz instrukcje na stronie, aby wypełnić formularz i chcesz, aby czytniki ekranu korzystały z zamówionych pozycji w instrukcjach, będzie to przydatne. Dla wszystkich celów wizualnych mogą one wyglądać tak samo poprzez CSS. Jest to semantyka (nie wizualna, ale przydatna dla czytelnika ekranu), która jest inna i czasami użyteczna.

1

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

Zastosowanie OL kiedy wykaz czynności, które muszą być wykonywane w określonej kolejności. Używaj UL, kiedy wystawiasz na aukcje przedmioty bez szczególnej kolejności. Domyślnie ul otrzymuje listy punktowane i listy ponumerowane, chociaż można je edytować w css. dziękuję ..

Powiązane problemy