HTML5 - 목록 태그

기본 목록

목록을 만들 때는 아래 표의 태그를 사용합니다.

태그 이름	설명
ul	순서가 없는 목록
ol	순서가 있는 목록
li	목록 요소

ol 태그는 정렬된 목록(ordered list)을 의미하고 ul 태그는 정렬되지 않은 목록(unordered list)을 의미합니다. 마지막으로 li 태그는 목록 요소(list item)를 의미합니다.

 

예시1

위의 예시1을 참고하면 ol 태그를 사용하면 글머리에 숫자가 붙은 목록이 생성되고 ul 태그를 사용하면 글머리에 기호가 붙은 목록이 생성됩니다.

 

정의 목록

정의 목록은 특정 용어와 그 정의를 표현할 때 사용하는 태그입니다. 단어를 써놓고 그 정의를 풀이한 목록을 정의 목록이라고 합니다. 정의 목록을 사용할 때는 아래 표와 같은 태그를 사용합니다.

태그 이름	설명
dl	정의 목록 태그
dt	정의 용어 태그
dd	정의 설명 태그

dl 태그는 정의 목록(definition list)을 의미하고 dt 태그는 정의 용어(definition term)를 dd 태그는 정의 설명(definition description)을 뜻합니다.

 

예시2

웹 표준에 따르면 기본 목록과 정의 목록의 사용 용도가 다르지만 실제 개발할 때는 대부분 용도 구분없이 사용합니다.