html5/outline (rev. 1.1)

html5/outline

1. 아웃라인을 의식한 마크업 ¶

웹 어플리케이션의 구조를 논리적으로 기술하기 위한 기본 요소
section, article

1.1. HTML5와 이전 문서의 차이 ¶

2. 요소 ¶

2.1. section ¶

범용적 섹션

2.2. article ¶

블로그 본문등 다른 부분으로 부터 독립된 섹션
article 요소만 뽑아내어 이용할 수 있는가가 판단 기준
중첩이 가능. 안쪽 article은 밖의 article과 밀접한 연관을 가진다.

2.3. aside ¶

내용에서 분리되어도 문제없는 섹션

2.4. nav ¶

네비게이션
내부는 어떻게 채워야 하는지 규정 되어 있지 않음. 흔히 ul, li 로 구성.

3. 예제 ¶

3.1. section&section ¶

~HTML
    <article>
      본문.
      <section>
        <article>
          댓글.
        </article>
        <article>
          댓글2.
        </article>
      </section>
    </article>

3.2. aside ¶

3.3. nav ¶

4. 참고 ¶

last modified 2021-02-07 05:31:40
Processing time 0.0986 sec