<올>


HTML <ol> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


브라우저 지원

1000.png

지금까지 가장 많이 본 조회수 브라우저는 <ol> 태그를 지원합니다.


태그 정의 및 사용 지침

<ol> 태그는 정렬된 목록을 숫자로 표시합니다.

목록 옵션을 정의하려면 <li> 태그를 사용하세요.


팁 및 메모

팁: 순서가 지정되지 않은 목록이 필요한 경우 <ul> 태그를 사용하세요.

팁: CSS를 사용하여 목록 스타일을 정의하세요.


HTML 4.01과 HTML5의 차이점

HTML 4.01에서는 "start" 및 "type" 속성이 더 이상 사용되지 않으며 HTML5는 이 속성을 지원하지 않습니다.

"reversed" 속성은 HTML5의 새로운 기능입니다.

"compact" 속성은 HTML 4.01에서 더 이상 사용되지 않으며 HTML5에서는 지원되지 않습니다.


Attributes

New: HTML5의 새로운 속성.

AttributeValueDescription
compactcompactHTML5에서는 지원되지 않으며 더 이상 사용되지 않습니다. 스타일로 바꿔주세요. 목록이 평소보다 작게 렌더링되도록 지정합니다.
reversedNewreversed목록을 역순으로 지정하세요(9,8,7...)
startnumberHTML5에서는 지원하지 않으며 사용 방법은 다음과 같습니다. 더 이상 사용되지 않습니다. 스타일로 교체해주세요. 목록의 시작점을 지정합니다.
type1
A
a
I
i
은 목록의 유형을 지정합니다. 더 이상 사용되지 않습니다. 대신 스타일을 사용하세요.


전역 속성

<ol> 태그는 전역 속성을 지원합니다. 전체 속성 테이블 HTML 전역 속성을 확인하세요.


이벤트 속성

<ol> 태그는 모든 HTML 이벤트 속성을 지원합니다.


관련 기사

HTML 튜토리얼: HTML 목록