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