"HTML5 section, header, footer 예시"의 두 판 사이의 차이

2015년 7월 18일 (토) 22:17 기준 최신판

HTML5 section, header, footer

1 주요 코드[ | ]

<section id='page1'>
  <header><h1>제목</h1></header>
  <div class='content'>
    <p>첫번째 페이지</p>
  </div>
  <footer><h1>jmnote</h1></footer>
</section>

2 예제[ | ]

<!DOCTYPE html>
<meta charset="utf-8" />
<head>
  <title>HTML5 섹션 예제</title>
</head>
<body>
  <section id='page1'>
    <header><h1>제목</h1></header>
    <div class='content'>
      <p>첫번째 페이지</p>
    </div>
    <footer><h1>jmnote</h1></footer>
  </section>
</body>

http://zetawiki.com/ex/html5/html5_sectioning.php

3 같이 보기[ | ]

@@ 1번째 줄: / 1번째 줄: @@
 ;HTML5 section, header, footer
-==예제==
+==주요 코드==
 <source lang='html5'>
 <section id='page1'>
@@ 11번째 줄: / 11번째 줄: @@
 </section>
 </source>
+==예제==
+<source lang='html5'>
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<head>
+  <title>HTML5 섹션 예제</title>
+</head>
+<body>
+  <section id='page1'>
+    <header><h1>제목</h1></header>
+    <div class='content'>
+      <p>첫번째 페이지</p>
+    </div>
+    <footer><h1>jmnote</h1></footer>
+  </section>
+</body>
+</source>
+*http://zetawiki.com/ex/html5/html5_sectioning.php
 ==같이 보기==
+*[[HTML5 section, header, footer, nav 예시]]
+*[[HTML5 section 태그]]
+*[[HTML5 header 태그]]
+*[[HTML5 footer 태그]]
 *[[HTML5 기본형태]]
-*[[section]]
+*[[JQuery모바일 2페이지 파일분할]]
-*[[header]]
+*[[jQuery모바일 section, header, footer]]
-*[[footer]]
-*[[jQuery Mobile section, header, footer]]
 [[분류: HTML5]]