HTML에서 순서 없는 목록(unordered list)을 만들려면 <ul> 태그를 사용합니다. 순서 없는 목록은 항목의 나열 순서가 중요하지 않을 때 유용하며, 각 항목 앞에는 기본적으로 불릿(bullet) 기호가 표시됩니다.
<ul> 태그의 주요 속성
<ul> 태그는 아래와 같은 추가 속성을 지원합니다.
| 속성 | 값 | 설명 |
|---|---|---|
| Type | disc circle square | 사용 중단(Deprecated) — 불릿 기호의 스타일을 지정합니다. |
| Compact | compact | 사용 중단(Deprecated) — 간결한 렌더링이 필요한지 여부를 정의합니다. |
참고: 위의 두 속성은 HTML5에서 더 이상 사용되지 않습니다. 대신 CSS의 list-style-type 속성을 사용하면 disc, circle, square 등 다양한 불릿 스타일을 자유롭게 지정할 수 있습니다.
예제 코드
아래 코드를 실행하면 순서 없는 목록이 어떻게 표시되는지 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML ul Tag</title> </head> <body> <p>Countries</p> <ul> <li>US</li> <li>UK</li> <li>India</li> <li>Australia</li> <li>Bangladesh</li> </ul> </body> </html>
정리
순서 없는 목록은 <ul> 태그로 감싸고, 각 항목은 <li>(list item) 태그로 작성합니다. 목록의 순서가 의미를 가진다면 <ol>(ordered list) 태그를 사용하는 것이 적절합니다. 웹 표준과 접근성을 고려하면 불릿 스타일 변경은 CSS로 처리하는 것이 좋습니다.