phororya

2011.11.15. 3:46pm 인사이트 http://insightbook.springnote.com/

2011.11.15. 3:49pm 자바스크립트 완벽 가이드 인사이트 O'RELLY http://www.davidflanagan.com/javascript5/

http://jsbeautifier.org/

compress된 자바스트립트를 읽기 쉽게 정리해주는 유틸

article
aside
audio
bdi
canvas
command
datalist
details
embed
figcaption
figure
footer
header
hgroup
keygen
mark
meter
nav
output
progress
rp
rt
ruby
section
source
summary
time
track
video
wbr


<header>
웹 문서의 머리글을 정의한다. 페이지 전체 머리글이나 일부분의 머리글을 정의하는데 사용한다

<footer>
웹 문서의 바닥글을 정의한다. 페이지 전체 바닥글이나 일부분의 바닥글을 정의하는데 사용한다

<section>
사전적 의미 그대로 웹 문서의 한 부분, 한 장을 구분하는데 사용한다
문서 내 영역의 범위를 한정하며 문서의 아웃라인을 구성한다

<article>
문서에서 독립적인 하나의 콘텐트을 구분하는데 사용한다
뉴스 항목, 블로그 본문과 같이 자체적으로 배포될 수 있는 독립된 영역을 지정한다

<nav>
문서 전체 혹은 섹션의 네비게이션 영역을 표현한다.
웹 페이지의 탐색 링크를 위한 컨테이너 역할을 한다

<aside>
문서의 주요 콘텐트와는 별개의 영역을 정의하는데 사용한다.
광고 블럭과 같이 주변의 콘텐트와 별도로 다뤄지는 영역을 지정한다

<hgroup>
문서의 제목을 그룹화 하는데 사용한다.  예를 들어 제목과 부제가 동시에 존재하는 문서의 경우 <h1>요소와 <h2> 요소로 제목, 부제목을 정의하며 이들 제목들은 <hgroup>로 그룹화 된다. 이렇게 하여 여러개의 제목을 묶어 하나의 제목으로 취급할 수 있다

<time>
문서를 제작한 시점, 공개한 시점을 지정하는데 사용한다

document.createElement('header');
document.createElement('footer');
document.createElement('section');
document.createElement('aside');
document.createElement('nav');
document.createElement('article');
document.createElement('hgroup');

header,footer,section,aside,nav,article, hgroup {display:block; }

http://code.google.com/p/html5shiv/

<!--[if lt IE 9]>  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>  <![endif]-->


default.js
document.createElement('header');
document.createElement('footer');
document.createElement('section');
document.createElement('aside');
document.createElement('nav');
document.createElement('article');
document.createElement('hgroup');
document.createElement('small');

default.css
header,
footer,
section,
aside,
nav,
article,
hgroup  {display:block; }


-- 2011.11.02 수정 --
아래 소스가 더 막강하고, 한번에 해결해줌