HTML ol 태그 reversed 속성으로 내림차순 정렬하기

HTML ol 태그의 reversed 속성은 ol 태그의 숫자를 거꾸로 정렬하는 속성입니다. 숫자가 역순으로 정렬되고 숫자의 종류나 시작 번호 등도 개별적으로 설정할 수 있습니다.

아라비아 숫자 reversed

<ol reversed>

<ol> 태그는 양의 정수 1 부터 자동으로 오름차순으로 번호가 삽입됩니다. reversed 속성을 삽입하면, 내림 차순으로 번호가 정렬됩니다.

<h2>M16 돌격소총</h2>
  <ol reversed>
    <li>개발년도 : 1957</li>
    <li>개발자 : 유진 스토너, 제임스 설리번</li>
   <li>생산량 : 800만정</li>
   </ol>

아라비아 숫자 내림차순정렬 시작 번호 조절

start 속성으로 시작 지점을 조정하면, reversed속성의 내림 차순 시작 숫자도 조절이 됩니다.

<h2>M16 사용 전쟁 목록</h2>
  <ol start="100" reversed>
    <li>베트남 전쟁 1955~1975</li>
    <li>걸프 전쟁 1990~1991</li>
    <li>아프카니스탄 전쟁 2001~2014</li>
    <li>이라크 전쟁 2003~2011</li>
  </ol>

로마 숫자 대문자 reversed

로마 숫자 대문자 내림차순 정렬

type = "I" 속성을 사용하면, 로마 숫자 대문자로 번호 표기가 가능합니다. reversed 속성을 추가로 삽입하면 내림 차순 정렬이 가능합니다.

<h2>M16 개발 목적</h2>
  <ol type="I" reversed>
    <li>기존 주력 무기 : M14 소총</li>
    <li>M14 단점 : 정글전, 기계화전에 약점</li>
    <li>M16 개량 : 총신이 짧고, 반동을 줄임</li>
  </ol>

로마 숫자 대문자 내림차순 정렬 시작 번호 조절

로마 숫자 대문자에 start 속성으로 내림차순 시작 숫자를 조절할 수 있습니다. reversed와 함께 사용할 경우 start에 기입된 로마 숫자 표기로 시작 숫자가 정의됩니다.

<h2>M16 제원</h2>
  <ol type="I" start="10" reversed>
    <li>유효 사거리 : 550m</li>
    <li>작동 방식 : 가스작동식/회전 노리쇠</li>
    <li>중량 : 2.9~3.9kg</li>
    <li>발달 속도 : 분당 700~950</li>
    <li>총구 속도 : 930/s</li>
  </ol>

로마 숫자 소문자 reversed

로마 숫자 소문자 내림차순 정렬

type = "i" 속성을 사용하면 <ol> 태그에 로마 소문자 숫자를 삽입할 수 있습니다. reversed 속성을 삽입하면 내림차순으로 정렬됩니다.

<h2>수메르어</h2>
  <ol type="i" reversed>
    <li>사용 기간 : BC 4000~2000</li>
    <li>어순 : S + O + V</li>
    <li>형태 : 쐐기문자(설형문자)</li>
  </ol>

로마 숫자 소문자 내림차순 정렬 시작 번호 설정

type = "i" 속성과 함께 start 속성을 사용하면 내림차순 정렬시 시작 숫자를 로마 숫자 소문자로 지정할 수 있습니다.

<h2>수메르 문명</h2>
  <ol type="i" start="10" reversed>
    <li>기록 : 기록 기준 가장 오래된 문명</li>
    <li>발견 : 수메르어-아카드어 사전 서판의 발견</li>
    <li>비슷한 문자 : 아카드어</li>
  </ol>

알파벳 대문자 reversed

알파벳 대문자 내림 차순 정렬

<ol> 태그에 type = "A" 속성을 사용하면 알파벳 대문자 숫자를 사용할 수 있습니다. reversed 속성을 삽입하면, 알파벳 대문자가 내림차순 정렬됩니다.

<h2>괴베클리 테페 유적</h2>
  <ol type="A" reversed>
    <li>생성 시기 : 12000년전</li>
    <li>비기록 가장 오래된 문명</li>
    <li>수렵채집 문명인데 대규모 건설 집단 행동 흔적</li>
  </ol>

알파벳 대문자 내림 차순 정렬 시작 번호 조절

start 속성을 사용하면 알파벳 대문자의 내림차순시 시작 번호를 조절할 수 있습니다. reversed 속성과 함께 사용됩니다.

<h2>괴베클리 테페 수렵 문명</h2>
  <ol type="A" start="28" reversed>
    <li>신전 돌기둥 : 수렵 사냥감 묘사</li>
    <li>농경 생활 모습이 보이지 않음</li>
    <li>최초의 밀농사 흔적 문명 수천년 후인 네발르 초리 문명에서 발견</li>
    <li>농경사회 → 집단사회 이론의 반론적 증거</li>
  </ol>

알파벳 소문자 reversed

알파벳 소문자 내림차순 정렬

<ol> 태그에 type = "a" 속성은 알파벳 소문자 번호로 치환해줍니다. reversed 속성을 삽입하면 알파벳 소문자를 내림차순으로 정렬합니다.

<h2>괴베클리 테페 농업/수렵 가설</h2>
  <ol type="a" reversed>
    <li>기존 생각 : 농업 발달 → 잉여 생산물 증가 → 종교 제단 탄생 → 집단 사회/계급화</li>
    <li>괴베클리 : 종교 제단 → 사람이 모임 → 수렵(자원 회수가 더 빠름) → 농경(시간이 지나면 수렵보다 빠름)</li>
    <li>생산물 증가로 종교가 생긴 것이 아니라 종교에 의해 집단이 증가해 생산물 증가를 위해서 농업이 발달했다는 가설</li>
  </ol>

알파벳 소문자 내림차순 정렬 시작 번호 조절

type = "a" 속성과 start 속성을 함께 사용하면, 알파벳 소문자의 시작 숫자를 조절할 수 있습니다. reversed 속성에 더해지면 내림차순 정렬시 시작 알파벳을 지정할 수 있습니다.

<h2>괴베클리 - 혜성 이론</h2>
  <ol type="a" start="26" reversed>
    <li>수렵 → 농경(정착) : 11000년전 유성이 많이 지구에 재앙 발생</li>
    <li>혜성을 종교화 : 천지의 현상을 기록하며 한 자리에 사람이 모임</li>
    <li>하늘의 현상을 보고 농업기술 발달</li>
    <li>괴베클리 신전 돌기둥 문양은 별자리와 비슷하다는 주장</li>
  </ol>