HTML5? ??? ?? ??
?? HTML ?????? ????? ?? Div+CSS ???? ??? ??????. ?? ??? ???? ???? ???? ? Div ? ??? ???? ?? ??? ????, ?? ?? ???? ?? ???? ??? ???? ??? ??? ? ????. ?, HTML ?? ??? ??? ???? ???? ?? ????. ? ??? ???? ?? HTML5??? ???, ???, ??, ?? ?? ? ??? ??? ?? ?? ?? ??? ??? ?????.
? ??? ??? ?? ????? ?? ?? ?? ???? ????? ???????.
? ???? ?? ???? ? ? ?? ?? ?? ????? ??, ??, ?? ??, ??? ??? ? ? ?? ??? ??? ???? ?? ???? ??? CSS ???? ?? ?????. ??? ????? ???? ???? ?? ??? ??? ?? ??? ?? ??? ??? ??? ? ????. ?? ? ??? ????? ?? ????? ???? ?? ??? ??? ??? ???? ????. ??? HTML5 ??? ??? ??? ????? ??? ????.
??? ??? ????.
<!DOCTYPE html>
<html> <head> <title>my page</title> </head> <body> <header>header</header> <nav>nav</nav> <article> <section>section</section> </article> <aside>aside</aside> <footer>footer</footer> </body> </html>
?? ???? ??? ??? ?? ? HTML5? ?? ?? ??? ??? ???????.
<section>
<section> ??? ??? ??? ?????. ?, ???, ??? ?? ??? ?? ?? ????. ????? ???? ???? ???? ?? ????? ? ??? ?????. ????? ??? ???? ??? ?? ?? ???? ?? ???? ??? ???? ? ?????. ??? ?? ?? ??? ???? ???? ??? ??? ????? ??? ?? ??? ???? ?????.
?? ??? ??? ? ????? ?? ?? ??? ???? ?? ????. ??? ??? ? ??? ?? ??? ????? ??? ?? ???? ?? h1? ???? ??? ? ????. ????? ???? ?? ????? ????? ?? ??? ???? ?? ?? ?? ?? div ??? ???? ?? ????.
<section> <h1>section是什么?</h1> <h2>一個新章節(jié)</h2> <article> <h2>關(guān)于section</h2> <p>section的介紹</p> ... </article> </section>
<article>
???? ??? ? ??? ?? ?? ?????. ?? ???? ????? ??? ??? ?????. ?? ??? ??? ? ????? ?? ?? ??? ???? ?? ????.
???? ?? ??(????? ???? ??)? ??? ???? ??? ? ????.
??? ??? ? ??? ?? ??? ?? ?? ??? ?? ??? ????.
????<nav>
? ??? ??? ?? ?? ???? ??? ? ???, ??? ??? ?? ??? ?? ???? ?? ???? ?? ??? ???? HTML ??? ? ????? ???? ?? ???? ?? ?? ??? ? ????? ????.
<article> <header> <hgroup> <h1>這是一篇介紹HTML 5結(jié)構(gòu)標(biāo)簽的文章</h1> <h2>HTML 5的革新</h2> </hgroup> <time datetime="2011-03-20">2011.03.20</time> </header> <p>文章內(nèi)容詳情</p> </article>
<aside>
aside ??? ???? ?? ???? ???? ? ???? ???? ?? ???? ?????. ??? ??? ???? ???? ?? ???? ???? ???? ???, ?? ?? ??? ??? ?? ?? ??? ? ????. ??, ?? ??, ???? ?
<nav> <ul> <li>厚德IT</li> <li>FlyDragon</li> <li>J飛龍?zhí)祗@</li> </ul> </nav>
<header>
?? ??? ??? ??, ????? ?? ?? ? ?? ??? ?????. ????? ???? ?? ?? ???, ????? ????? ? ? ????.
????? ?? ???? ?? ??(h1-h6)? ?? ?? ???? hgroup ??, ? ???, ??, ?? ??, ?? ?? ?? ??? ? ????.
<aside> <h1>作者簡介</h1> <p>厚德IT</p> </aside>
<footer>
??? ??? ???, ?? ?? ???? ??? ??? ??? ??? ???? ??? ???? ?????. ?? ???? ?? ?. ????? ?? ??? ???? ? ????? ?? ? ??? ? ????. ?? ?? ???? ???? ?? ??? ???? ?????.
<header> <hgroup> <h1>網(wǎng)站標(biāo)題</h1> <h1>網(wǎng)站副標(biāo)題</h1> </hgroup> </header>
<hgroup>
hgroup ??? ? ??? ?? ??? ?? ??(h1-h6)? ?????. ?? ??, ??? ???? h-??? ?? ??? ?? ?? ?? hgroup?? ?? ? ????.
<footer> 頁腳信息 </footer>
? ??? ???? ? ?????. ?? ??? ?? ??? ???? ? ?????.
<hgroup> <h1>這是一篇介紹HTML 5結(jié)構(gòu)標(biāo)簽的文章</h1> <h2>HTML 5的革新</h2> </hgroup>
???? ? ?? ??? ??