More actions
HTML5 개요
- 자바스크립트 + CSS + HTML의 통합개념
- 기존의 HTML : 문서를 위한 플랫폼, HTML5 : 웹 어플리케이션을 위한 플랫폼
- 섹션의 중첩관계
참고 사항
- 섹션 요소를 사용할 때는 항상 아웃라인을 염두해 둘 것
- 아웃라인과 상관 없는 범위를 지정하 ㄹ때는 div를 사용할 것
- article 요소를 사용할 것인가 말 것인가는 콘텐츠를 해당 페이지에서 분리해서 사용 가능한가에 따라 결정
- aside는 없어도 문제 없을 섹션에 사용
HTML5와 이전 문서의 차이
before HTML5
HTML5
요소
section
- 범용적 섹션
section 제목
- 하나만 지정 가능
- 여러 제목을 묶어 하나로 만들기 위한
<hgroup>
태그 사용가능
- 섹션에 두개 이상의 제목을 지정하면 암묵적으로 섹션이 생성된다. 그런데 어떤 규칙으로 생성될지 모른다.
section root
- 하나의 독립된 요소로 인정되는 태그들
- body, fieldset(입력 필드 그룹), td, figure, blockquote
- body가 section root임. HTML5의 컨텐츠는 모두 section에 포함된다는 것을 유추 가능
- 밖의 아웃라인에는 영향을 주지 않는다.