본문 바로가기

Designer

[웹표준] HTML5 DTD 및 인코딩

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}을 추가해도 무방함.





'Designer' 카테고리의 다른 글

[웹표준] CSS 초기화 (CSS Reset)  (0) 2012.08.23