481 No

EX03 시맨틱 마크업을 위한 문서구조 실습, W3C HTML 웹 표준 인증받기

2017-09-03 18:46:12 By 머나먼나라 0 724 댓글수 4 포스트 하기

4월 2024
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

시맨틱 마크업을 위한 문서구조 실습

<!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 &copy; 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 의 모든 엘리먼트는 사용할 수 있음.