본문으로 바로가기

XHTML 기본구조

category 웹코딩/HTML 2012.11.26 02:53

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, 호환성 보기  (2) 2012.11.26
XHTML 기본구조  (0) 2012.11.26
XHTML 1.0  (0) 2012.11.26

댓글을 달아 주세요