시맨틱 마크업을 위한 문서구조 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ex03-03</title>
<meta name="description" content="">
<meta name="author" content="choi">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
</head>
<body>
<div>
<header>
<h1>HTML5 앱 만들기 스터디</h1>
</header>
<nav>
<a href="what.html" >HTML5는 무엇인가?</a>
<a href="why.html" >HTML5를 왜 사용해야 하는가?</a>
<a href="how.html">HTML5를 어떻게 사용할 수 있는가?</a>
</nav>
<div>
<article>
<section>
<p>가장 최신 버전의 HTML</p>
<p>HTML5는 미래의 웹 황금 표준이다.</p>
</section>
<section>
<h2>HTML5 앱이란 무엇인가?</h2>
<p>HTML5를 사용해서 앱과 동일한 경험을 제공하는 웹을 말한다.</p>
</section>
</article>
</div>
<footer>
<p> Copyright © 2011 All rights reserved.</p>
</footer>
</div>
</body>
</html>
http://braverokmc2.dothome.co.kr/myhybrid/ex03-03.html
W3C HTML 웹 표준 인증받기
범주 | 설명 | 사례 |
strict | *시멘틱 마크업에 적합하지 않은 엘리먼트는 사용하지 않는 것을 엄격히 지킨다는 의미 | font, center, frame 등 총14가지 엘리먼트를 사용하지 않음 |
transitional |
* 범위를 넓게 허락해 줌. 지금은 사용하지만 앞으로는 변화에 맞춰 사용하지 않는 것은 금지하겠다는 의미 * 국내 환경에 적합 |
frame, frameset만 제최 |
frameset |
* strict 와 반대로 옛 것을 계속 고집하여 사용하겠다는 의미 * frame, iframe 을 포함하여 모든 엘리먼트를 사용함 |
이전 HTML 의 모든 엘리먼트는 사용할 수 있음. |
W3C 의 doctype 추천 페이지 (www.w3.org/QA/2002/04/valid-dtd-list.html) 에 접속해서 하나를 고른 뒤에
작성할 html 에 붙여 넣어 이용하면 된다..
HTML 웹 표준 인증받기
세가지 방법으로 인증을 받을 수 있다.
마크업 유효성 검사 validator.w3.org/
댓글 ( 0)
댓글 남기기