Nice programing

html에서 UL 또는 OL을 언제 사용합니까?

nicepro 2020. 11. 25. 21:12
반응형

html에서 UL 또는 OL을 언제 사용합니까?


교환 할 수 있습니까?


UL은 "순서없는 목록"을 의미합니다. OL은 "순서 목록"을 의미합니다.

UL은 중요 사항을 제공합니다. OL은 숫자를 얻습니다.

확실히 교환 할 수 없습니다.


수학 용어에서 (이봐, 왜 안돼?) an <ol>은 시퀀스를 <ul>나타내고 집합을 나타냅니다. 정렬 된 목록의 항목을 다시 정렬하면 목록의 의미가 변경됩니다. 순서가 지정되지 않은 목록에서 다시 정렬하는 것은 아닙니다.

이것은 어떤 유형의 목록을 사용할 지에 대한 좋은 경험 법칙입니다. 항목의 순서를 변경하면 목록이 올바르지 않은 경우을 사용하는 것이 좋습니다 <ol>. 순서가 중요하지 않은 경우 <ul>.


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

하나는 OL (Ordered List)이며, 정의되고 고유 한 순서를 가진 사물을위한 것입니다. 그들이 조직 된 이유가 있습니다.

다른 하나 (UL)는 순서가 지정되지 않은 목록으로 지정된 순서가없는 항목의 모음입니다. 그들의 조직은 사소합니다.


하하, 너무 많은 답변!

HTML이 처음 나왔을 때 OLUL 이 있었는데, 다른 모든 포스터에서 말했듯이 Ordered List와 Unordered List를 의미했습니다.

차이는 쉬웠습니다. OL이 표시됩니다 ... 옆에 숫자가 표시됩니다. 아니면 로마 숫자 나 문자! 대문자 또는 소문자 사용 여부를 제어 할 수도 있습니다! 멋있는!

UL은 총알을 제공했습니다. 3 가지 유형의 총알, 짝수-디스크 (중공 원), 사각형 (채워진 사각형), 원 (채워진 원)

CSS가 없었습니다. 이러한 속성 외에는 목록 형식 (및 여백과 들여 쓰기 및 기타 모든 것)을 사용자 정의하는 방법이 없었습니다. 따라서이 구분이 중요했습니다.

요즘에는 모든 CSS가 있습니다. 사실, w3 사람들은 당신이 사용했던 html "type"속성보다는 스타일을 사용하기를 원합니다. 따라서 새로운 CSS 사용자 중 한 명이라면 UL 대 OL을 사용하는 것이 실제로 중요하지 않습니다.

CSS를 사용하면 글 머리 기호 유형을 변경하거나 이미지를 사용하거나 여백 / 스타일 / 들여 쓰기를 변경하거나 글 머리 기호를 전혀 표시하지 않을 수 있습니다.

다시 편집하십시오 :이 답변은 실제로 UL 대 OL의 의미 적 장점을 해결하기위한 것이 아닙니다. 그러나 기술적으로 (아시다시피, 비트와 바이트에서) 위의 동작의 차이점을 설명합니다.


OL :

  1. 목록 항목 1
  2. 목록 항목 2

UL :

  • 목록 항목 1
  • 목록 항목 2

OL은 정렬 된 목록, UL은 정렬되지 않은 목록입니다.


번호 매기기 / 글 머리 기호는 CSS에 의해 변경 될 수 있으므로 의미 론적 문제라고 생각합니다.

정렬 된 목록은 지침이나 순차적 인 정보와 같은 것이어야합니다.

정렬되지 않은 목록은 그 밖의 모든 것이어야합니다.


질문에서 "언제 사용해야하는지"라는 질문에 따라 몇 가지 단계를 원할 때 일반적으로 OL을 사용하고 선택 사항을 제공 할 때 UL을 사용하기로 결정한 경우의 예를 제공하는 것이 적절하다고 생각했습니다.

주문 목록

여기서 단계 는 비즈니스 사례에 중요합니다.이 순서로 단계를 수행해야하므로 순서가 지정된 목록이 사용됩니다.

전자 상거래의 결제 단계,이 단계는이 순서대로 진행됩니다.

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

정렬되지 않은 목록

사용자는 이러한 선택 과 상호 작용하기 위해 선택한 순서를 결정할 수 있습니다.

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

Use OL when you're listing steps that need to be done in a certain order. Use UL when you're listing items in no particular order of importance.


ul means unorded list. It is for lists in whick it doesn't matter what order the list items are in.

ol means ordered list. It is for lists that are numbered or in some way show that they have a specific ordering.

By default ul gets you bullet pointed lists and ol numbered lists, although this can be edited in css.


In some cases (specifically used by Screen Readers for people with special needs) you may want to have ordered list but not have numbers associated with them due to visual design. Ex. when you've let's say instructions on a page to fill up a form and want screen readers to take advantage of ordered items in the instructions then it will be useful. For all visual purposes they can be made to look exactly the same through CSS. It's the (non-visual, but helpful to screen reader) semantics that are different and at times useful.


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

Use OL when you're listing steps that need to be done in a certain order. Use UL when you're listing items in no particular order of importance. By default ul gets you bullet pointed lists and ol numbered lists, although this can be edited in css. thank you ..

참고URL : https://stackoverflow.com/questions/1039827/when-to-use-ul-or-ol-in-html

반응형