interactive
HTML5 DTD설정하기 본문
<!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}을 추가해도 무방함.
'Design' 카테고리의 다른 글
| HTML5 Canvas 소개 (0) | 2012.10.29 |
|---|---|
| HTML5로 레이아웃 제작하기 (0) | 2012.09.07 |
| [HTML5] 사이트로 제작한 사이트들 (0) | 2012.08.27 |
| [CSS3] border-radius 속성알아보기 (0) | 2012.08.24 |
| 폼엘리먼트 작성규칙 (0) | 2012.08.22 |
