목록을 작성하는 올바른 방법

Question

이것은 내가 실제로 사용하는 것을 보았 듯이 내가 잠시 동안 숙고 한 것입니다.

방법 1

<ol>
    <li>List item 1</li>
    <li>List item 2
        <ol>
            <li>List item 3</li>
        </ol>
    </li>
    <li>List item 4</li>
</ol>

하위 목록은 해당 목록 항목의 하위 목록이기 때문에 의미 적으로 정확해 보이지만 매우 깨끗하지 않습니다 (목록 항목 콘텐츠<list right next to it>).

방법 2

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
        <ol>
            <li>List item 3</li>
        </ol>
    <li>List item 4</li>
</ol>

깨끗하지만 직접 이해할 수는 없습니다. 목록은 항목 2의 하위 목록입니다 (인간 추론에 의해 이해할 수 있지만).

이는 순전히 시맨틱 마크 업에 대한 관심사입니다. 그건 그렇고 두 방법 모두 페이지에 동일한 내용을 나타냅니다.

그래서, 당신은 어떻게 생각하십니까? 가능한 한 출처는 바람직하지만 개인적 사용도 좋습니다. MediaWiki의 상속인 TOC는 방법 1을 사용하여 올바른 용도라고 믿도록 권장합니다.

Answer 1

방법 2는 유효하지 않습니다. OL 다른 사람의 직접 자녀로 허용되지 않습니다 OL 요소. 뿐 LI 안에 허용됩니다 OL.

또한 항목 2에 대한 하위 목록의 멤버십은 압입으로 인해 인간 독자에게만 분명합니다. 조차도 들여 쓰기를 만듭니다 LIS, 내부 목록 자체가 세 번째 항목 인 것처럼 보입니다. 두 가지 숫자로 이와 같은 렌더링을 기대할 수 있습니다.

1. List item 1
2. List item 2
3. 1. List item 3
4. List item 4

방법 1은 갈 길입니다.

Answer 2

방법 1이 정확합니다.

Answer 3

HTML 4.01 OL에서만 Li 항목 만 허용합니다. 그러나 Li의 닫는 태그는 선택 사항입니다. 이것은 이것이 당신의 방법 1과 동일하다는 것을 의미합니다.

<ol>
   <li>List item 1
   <li>List item 2
      <ol>
        <li>List item 3
      </ol>
   <li>List item 4
</ol>

닫는 Li가있는 독자에게는 다소 모호합니다. ~ 후에 닫는 ol.

XHTML 1.1 동일한 제한 사항이 있지만 폐쇄 Li의 사용을 강요하여 명시 적으로 만듭니다.