1. DOCTYPE
브라우저는 DOCTYPE 선언을 확인하고 브라우저 모두를 결정합니다. 브라우저 모드에는 표준 호환모드와 비표준 호환모드가 있는데 표준 호환모드는 기술명세에 따라 표시해주며, 비표준 호환모드는 좀더 느슨하게 하위 브라우저의 호환을 고려야 화면에 표시 합니다.
사이트의 호환성 정의, 표준모드 정의, 프레임셋 정의등을 DICTYPE을 통해서 하는 방식 --> 이전버전의 호환성은 염두해 두지 않는다. (따라서 이전 버전의 웹문서가 많은 경우 모두 변환하거나 새로 만들어야 합니다.)
<!DOCTYPE html> |
2. 문서의 구조
|
<!DICTYPE html> <html> <head> <meta charset="utf-8"> <title> HTML5 문서 구조 잡기 </title> </head> <body> <header> 머리말 </header> <div id="sidemenu"> 사이드메뉴</div> <article> 본문 </article> <footer> 꼬리말 </footer> </body> </html>
|
<header>는 머리말이 들어가는 부분, <article>은 본문이라는 구조를 쉽게 파악할 수 있습니다.
|
|
|
|
HTML&CSS3 내용대로 데모 결과 입니다.
첫번째의 CSS와 3번째의HTML 페이지가 결합되어 HTML5가 생성됩니다.
그런데 이미 일반적인 대부분의 회사에서는 이미 이와 같은 방법을 쓰고 있는 사항입니다.
(물론 표준화가 안되어 있는경우는 대부분이긴 하지만요. )
'HTML5&CSS' 카테고리의 다른 글
| HTML5 와 CSS3 Study #2 (CSS 일반규칙) (0) | 2012.09.02 |
|---|---|
| HTML5 와 CSS3 Study #2 (CSS) (0) | 2012.08.26 |
| HTML5 와 CSS3 Study #1(배경설명) (0) | 2012.08.26 |
