TAGS

Editing
  • account_tree
  • bug_report

<ol>

순서가 있는 목록을 생성한다.

  • 콘텐츠 분류

  • 허용된 부모 요소 또는 위치

    FLOW CONTENT

    플로우 콘텐츠(flow content)가 예상되는 위치

  • 허용된 자식 요소

    <LI>

  • 콘텐츠 모델

    SCRIPT SUPPORTING

    0개 이상의 <li> 요소 및 스크립트 지원(script supporting) 요소

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLOListElement

    [Exposed=Window]
    interface HTMLOListElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      [CEReactions] attribute boolean reversed;
      [CEReactions] attribute long start;
      [CEReactions] attribute DOMString type;
    
      // also has obsolete members
    };

설명

역할과 기본 값

'order list'를 의미하는 순서가 있는 목록을 생성한다.

따라서 콘텐츠 상에서 순서가 있는 목록 요소로서 역할을 위해 기본적으로 다음 아래와 같은 유저에이전트(크롬 웹브라우저 기준) 값을 갖는다.

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

가능한 콘텐츠

0개 이상의 <li>, <script>, <template> 요소

마크업

<ol>은 순서가 있는 또 다른 목록 태그인 <ul>과 필요한 만큼 중첩해서 구조화할 수 있다.

구문

마크업 형식
<ol> <li>Item 1</li> <li>Item 2</li>
</ol>

애트리뷰트

reversed boolean attributes

목록의 순서를 반대로 한다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

사용 예

start signed integers

목록의 시작 값을 지정한다.

About Signed integers

문자열은 하나 이상의 ASCII 숫자로 구성된 경우 유효한 정수이며 선택적으로 U+002D HYPHEN-MINUS 문자(-)가 접두사로 추가될 수 있다.

사용 예

type 

목록 항목의 순서를 매길 값의 유형을 지정한다. CSS에서 list-style-type 속성으로 지정하는 것이 더 나은 방법이다.

사용 예

사용되는 키워드

0

소숫점이 있는  숫자(decimal)를 나타낸다.

a

라틴 알파벳 소문자(lower-alpha)를 나타낸다.

A

라틴 알파벳 대문자(upper-alpha)를 나타낸다.

i

로마 소문자 숫자(lower-roman)를 나타낸다.

I

로마 대문자 숫자(upper-roman)를 나타낸다.

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-ol-element

지원 웹브라우저