웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
HTML5 - footer 본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML5 - footer</title>
</head>
<body> <!-- body 역시 하나의 section contents -->
<!--
sectioning contents 섹션 요소는 다음의 4개.
section, article, aside, nav
header, footer는 섹션이 아님!!!!!!!!!!!
이는 아웃라인 마크업에서 영향을 못줍니다.
-->
<section id="custom1">
<header><!-- . . . --></header>
<footer>
<!--
section은 하나의 푸터영역을 가질 수 있습니다.
저작권, 저자의 정보, 작성일자 등 마무리 정보를 담는 영역.
-->
<h1>footer headline</h1>
<address>
저자의 이메일 주소 : <a href="mailto:yamoo9@naver.com">yamoo9's email</a><br>
작성일자 : <time datetime="2011-04-23" pubdate>4월 23일</time> 작성.
</address>
</footer>
</section>
<article id="custom2">
<header><!-- . . . --></header>
<footer>
<!-- . . . -->
</footer>
</aricle>
<!-- HTML4, XHTML1 사용방법
<div id="footer"></div>
-->
<footer id="footer">
<!-- body section의 footer 영역 -->
</footer>
</body>
</html>
'html5' 카테고리의 다른 글
| HTML5 - nav (0) | 2011.11.10 |
|---|---|
| HTML5 - header (0) | 2011.11.10 |
| HTML5 - aside (0) | 2011.11.10 |
| HTML5 - article (0) | 2011.11.10 |
| HTML5 - using Division (0) | 2011.11.10 |