HTML <li> 요소는 목록의 항목을 나타냅니다. 반드시 정렬 목록(<ol>), 비정렬 목록(<ul>, 혹은 메뉴(<menu>) 안에 위치해야 합니다. 메뉴와 비정렬 목록에서는 보통 불릿으로 항목을 나타내고, 정렬 목록에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.
<p>Apollo astronauts:</p>
<ul>
<li>Neil Armstrong</li>
<li>Alan Bean</li>
<li>Peter Conrad</li>
<li>Edgar Mitchell</li>
<li>Alan Shepard</li>
</ul>
p,
li {
font:
1rem "Fira Sans",
sans-serif;
}
p {
font-weight: bold;
}
| 콘텐츠 카테고리 | 없음. |
|---|---|
| 가능한 콘텐츠 | 플로우 콘텐츠. |
| 태그 생략 |
다른 <li> 요소 바로 뒤따르거나 자신이 부모의 마지막
자식인 경우 닫는 태그를 생략할 수 있습니다.
|
| 가능한 부모 요소 |
<ul>, <ol>,
<menu> 요소.
|
| 가능한 ARIA 역할 |
menuitem,
menuitemcheckbox,
menuitemradio, option,
presentation, radio,
separator, tab,
treeitem
|
| DOM 인터페이스 | `HTMLLIElement` |
특성
이 요소는 전역 특성을 포함합니다.
-
value-
:
<ol>요소 내부에서 항목의 현재 서수 값을 나타내는 정수. 리스트가 로마 숫자나 문자로 표시되더라도 이 특성에는 숫자만 넣을수 있습니다.value를 지정한 항목을 뒤따르는 다른 항목은 이 값에서부터 번호를 매깁니다.value속성은 비정렬 목록(<ul>)과 메뉴(<menu>)에서는 아무 의미가 없습니다.HTML4에서는
value의 사용을 중단했지만 HTML5에서 다시 도입했습니다.
-
-
type-
: 넘버링 타입을 나타내는 문자.
a: 소문자 글자A: 대문자 글자i: 소문자 로마 숫자I: 대문자 문자 숫자1: 숫자
부모
<ol>요소에서 지정하는 유형을 덮어씁니다.이 속성은 사용 중단됐습니다. 대신 CSS
list-style-type속성을 사용하세요.
-
예제
더 자세한 예제는 <ol>과 <ul>을 참고하세요.
정렬 목록
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
사용자 지정 값을 가진 정렬 목록
<ol type="I">
<li value="3">third item</li>
<li>fourth item</li>
<li>fifth item</li>
</ol>
비정렬 목록
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
같이 보기
- 리스트 관련 다른 요소:
<ul>,<li>,<menu>. <li>요소와 유용하게 사용할 수 있는 CSS 속성- 서수를 표현할 방식을 지정하는
list-style속성. - 복잡한 중첩 목록을 처리하기 위한 CSS 카운터
- 항목의 들여쓰기를 조정하기 위한
margin속성.
- 서수를 표현할 방식을 지정하는