Design

HTML5 DTD설정하기

동그란우주 2012. 9. 5. 13:49

<!DOCTYPE html>

<html lang="ko">

<head>

<meta charset="utf-8">

<title>Menu | System</title>

<link rel="stylesheet" type="text/css" href="#">

<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 

</head>

<body>

</body>

</html>


<!DOCTYPE html> 

HTML5 기본 DTD


<html lang="ko"> 

lang 애트리뷰트는 User Agent가 언어를 올바로 해석할 수 있게 도와주며, 검색과 음성 장치에 활용


<meta charset="utf-8">

기본 인코딩은 utf-8을 원칙으로 함.


<title>Menu | System</title>

페이지(메뉴)명, 시스템명 순으로 작성.


<link rel="stylesheet" type="text/css" href="#">

CSS 스타일시트 링크.


<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

HTML5의 새로운 요소들을 인식하지 못하는 브라우저에서 block 요소로 표시되도록 하는 정의. 

스크립트 대신 CSS에 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}을 추가해도 무방함.