ol 태그와 ul 태그의 차이점이 무엇인가요?

0

기술면접 - HTML

목록 보기
14/20

ol 태그와 ul 태그의 차이점이 무엇인가요?

<ol> 태그와 <ul> 태그는 모두 목록(list)을 나타내는 태그입니다. 그러나 그들의 주요 차이점은 다음과 같습니다:

ol 태그의 개념

<ol> 태그 (Ordered List):

  • <ol> 태그는 정렬된 목록(ordered list)을 나타냅니다.
  • 목록 항목은 일련번호(숫자 또는 다른 유형의 순차적인 식별자)로 표시됩니다.
  • 기본적으로 목록 항목은 숫자로 표시되며, type 속성을 사용하여 다양한 유형의 목록 기호로 변경할 수 있습니다.
  • 주로 순서가 중요한 항목을 나타내는 데 사용됩니다. 예를 들어, 순서대로 진행되어야 하는 절차나 순위가 있는 항목 등을 표현할 때 유용합니다.

ol 태그의 예시

예시:

<ol>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
</ol>

ul 태그의 개념

<ul> 태그 (Unordered List):

  • <ul> 태그는 정렬되지 않은 목록(unordered list)을 나타냅니다.
  • 목록 항목은 기본적으로 원형 또는 점으로 표시됩니다.
  • 주로 순서가 중요하지 않거나 순서를 나타낼 필요가 없는 항목을 나타내는 데 사용됩니다.
  • <ul> 태그 안에 <li> 태그를 사용하여 각 항목을 정의합니다.

ul 태그의 예시

예시:

<ul>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
</ul>

ol 태그와 ul 태그의 차이점

<ol> 태그와 <ul> 태그는 각각 목록을 나타내는 데 사용되지만, <ol> 태그는 목록 항목에 순서를 부여하고자 할 때 사용되고, <ul> 태그는 목록 항목의 순서가 중요하지 않을 때 사용됩니다.

profile
지치지 않는 백엔드 개발자 김성주입니다 :)

0개의 댓글