HTML5 기본구조

-- HTML5 2012. 7. 13. 09:52
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

HTML5를 사용할 일이 생겨서 이번 기회에 HTML5를 정리해보려고 한다.
먼저 기본구조를 파악해 봐야겠다.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Hello HTML5</title>

</head>

<body>

<header></header>

<nav></nav>

<article>

<section>

<form action="test.html" method="post">

<p>

 

</p>

</form>

</section>

</article>

<aside></aside>

<footer></footer>

</body>

</html>


header : 섹션의 헤더

nav : 사이트 전체 또는 섹션에서의 내비게이션 메뉴를 나타냄

article : 섹션의 한 종류로 페이지에서 독립해서 있는 부분을 나타냄. (블로그의 본문)

section : 범용적인 셀랙션

aside : 문서의 내용을 요약한 것과 같은 문서에 영향을 주지 않는 부분

footer : 섹션의 풋터

'-- HTML5' 카테고리의 다른 글

HTML5 autofocus, required  (0) 2012.07.18
HTML5 IE를 위한 javascript  (0) 2012.07.17
HTML5 PlaceHolder  (0) 2012.07.13
HTML5 output tag  (0) 2012.07.13
HTML5 Input type  (0) 2012.07.13
posted by 어린왕자악꿍