HTML 참조 매뉴얼

HTML 태그大全

HTML: <ol> 태그

HTML <ol> 태그는 HTML 문서의 순서 목록을 정의합니다. 이 태그는 일반적으로 <ol> 요소로도 알려집니다.

온라인 예제

2 개의 다른 순서 목록 예제:

예제

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML ol 태그 사용(기본 튜토리얼 웹 oldtoolbag.com)</title>
</head>
<body>
<ol>
　　<li>First item</li>
　　<li>Second item</li>
　　<li>Third item</li>
　　<li>Fourth item</li>
</ol>
<ol start="10">
　　<li>First item10</li>
　　<li>Second item11</li>
　　<li>Third item12</li>
　　<li>Fourth item13</li>
</ol>
</body>
</html>

테스트를 보세요. ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

현재 대부분의 브라우저는 <ol> 태그를 지원합니다.

태그 정의 및 사용 설명

<ol> 태그는 순서 목록을 정의합니다. 목록은 숫자로 정렬됩니다.

<ol> 태그는<li>태그로 구성됩니다.

목록 항목이 의미 있는 숫자 순서를 가지고 있다면, <ol> 태그를 사용하십시오.

예를 들어, <ol>، <ul> 및 <menu> 목록을 중첩할 수 있습니다.

ヒント 및 주의사항

ヒント: 무序列表가 필요하다면 사용하십시오 <ul> 태그.

ヒント:CSS를 사용하여 목록 스타일을 정의합니다.

HTML 4.01 와 HTML5의 차이

HTML 4.01 중"start"과 "type" 속성이 폐지되었습니다. HTML5중에서 이 속성을 지원하지 않습니다.

에서 지원하지 않는 속성입니다.5 "reversed" 속성은 HTML

에서 새로운 속성. 4.01중 "compact" 속성은 HTML에서 폐지되었습니다. HTML5중에서 이 속성을 지원하지 않습니다.

속성

속성	값	설명
compact	compact	HTML5중에서 지원하지 않으며, 사용하지 않는 것이 좋습니다. 스타일 대신 사용하세요. 표시되는 목록의 크기를 더 작게 만듭니다.
reversedHTML5	reversed	목록이 역순으로 표시되도록 지정합니다(9,8,7...)
start	number	HTML5지원하지 않으며, 사용하지 않는 것이 좋습니다. 스타일 대신 사용하세요. 목록의 시작점을 정의합니다.
type	1 A a I i	목록의 유형을 정의합니다. 사용하지 않는 것이 좋습니다. 스타일 대신 사용하세요. 문자 값은 목록의 번호 스타일을 지시합니다. 다음 중 하나의 값이 될 수 있습니다: a-소문자를 나타냅니다 A-대문자를 나타냅니다 i-소문자 로마자를 나타냅니다 I-대문자 로마자를 나타냅니다 1-숫자를 나타냅니다

전역 속성

<ol> 태그는 전역 속성을 지원하며, 전체 속성 테이블을 확인하세요 HTML 전역 속성。

이벤트 속성

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