XHTML을 작성할때 기본 템플릿을 만들어 두면 편하다. 에디터를 사용할때 기본적으로 제공되는 것들이 있지만 거기에 좀더 추가한 것.
XHTML 기본 구조(템플릿)
원하는데로 추가해서 작성하면 됩니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XHTML 기본 템플릿</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="alternate" type="application/rss+xml" title="" href="" />
<link rel="shortcut icon" href="./favicon.ico">
<link rel="stylesheet" media="screen" type="text/css" href="./style.css">
</head>
<body>
<div id="wrap">
<div id="header">
<h1>사이트 네임</h1>
<p id="slogun">슬로건</p>
<ul id="nav">
<li><a href="#">메뉴1</a></li>
<li><a href="#">메뉴2</a></li>
<li><a href="#">메뉴3</a></li>
</ul>
</div><!-- header end -->
<div id="content">
<p>내용</p>
</div><!-- content end -->
<div id="footer">
<p class="copyright">copyright</p>
</div><!-- footer end -->
</div><!-- wrap end -->
</body>
</html>프롤로그(선언문) - 생략가능
모든 XML 문서는 XML 해석 방법을 브라우저에게 말하는 선언문에서 시작합니다. XML 선언문은 DOCTYPE 과 네임스페이스 선언, 마크업 랭귀지를 정의하는 것에 앞서서 정의되야 합니다.
<?xml version="1.0" encoding="UTF-8" ?>
몇몇 옛 버전의 브라우저들은 <?xml 프롤로그에 막혀서 공백 페이지를 보여주며 PHP처럼 서버 기반의 분석 엔진과 이따금씩 문제를 일으키키기도 합니다.
W3C에서는 이를 선택적 사용가능하게 만들었으므로 생략하거나 새로운 버전의 브라우저를 위해 조건적으로 포함시키는 것 둘다 가능하며 프롤로그를 사용하지 않기를 원한다면 기본 템플릿처럼 <meta> 태그를 이용해 문자셋을 지정하면 됩니다.
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
더 좋은 방법으로는 컨텐츠 타입 헤더의 일부로 이 <meta> 태그를 보내기 위해 서버를 설정하면 대역폭을 절약할 수 있지요.
'웹코딩 > HTML' 카테고리의 다른 글
| [HTML5] 1장 HTML5를 시작하기 전에... (0) | 2013.02.04 |
|---|---|
| 관용모드와 표준모드 - Quirks mode & Standard mode (0) | 2012.11.27 |
| 문자셋 UTF-8과 EUC-KR (0) | 2012.11.26 |
| X-UA-Compatible, IE=edge, 호환성 보기 (3) | 2012.11.26 |
| XHTML 1.0 (0) | 2012.11.26 |
