從今天開始講我講陸續(xù)寫一些網(wǎng)頁移動端（后面我只會說是“移動端”都指是網(wǎng)頁）開發(fā)的文章。主要是為了讓大家了解移動端開發(fā)學習哪些技術(shù)和作為一個知識的回顧，同時也是一個很好的自我提升機會。好了瓤逼，廢話不多說。上菜......
今天我們要說的是html5新增的主體結(jié)構(gòu)元素，這一塊和我們以前使用的div元素很像芽死。但千萬別這么去思考，否則要被我?guī)侠锩嫒チ舜瓮荨Ｆ鋵嵾@些主體結(jié)構(gòu)元素主要是為了語義可以結(jié)構(gòu)化关贵，更好的seo。主要元素如下：article卖毁、section揖曾、nav、aside、time炭剪。有些經(jīng)常使用练链，有些則不niao它。
article元素
article標簽從語義上看為文檔念祭、頁面兑宇。用法：通常是一篇文章、頁面粱坤、一個獨立完整內(nèi)容隶糕。強調(diào)的是獨立性，article可以互相嵌套并且通常擁有header標簽站玄，它可以看做特殊的section元素（后面講解）枚驻。使用頻率高，代碼如下：
<!DOCTYPE HTML>
<html>
<body>
<article>
<header>
<h1> apple教程</h1>
<p>時間：<time pubdate="pubdate">2013-2-1</time></p>
</header>
<p>輕松學習apple教程株旷，就來</p>
<a >www.apple.com</a><br />
<footer>
<p><small>底部版權(quán)信息：apple.com公司所有</small></p>
</footer>
</article>
</body>
</html>
section元素
section元素語義為部分再登，用法：用于頁面中內(nèi)容的某一段，如文章的一段晾剖，通常由標題和內(nèi)容組成锉矢，沒有標題的部分不推薦使用section。section可以嵌套article元素齿尽，因為article更獨立沽损。使用頻率低，強調(diào)分段分塊循头。代碼如下：
<!DOCTYPE HTML>
<html>
<body>
<section>
<h2>section元素使用方法</h2>
<p> section元素用于對網(wǎng)站或應(yīng)用程序中頁面上的內(nèi)容進行分塊绵估。</p>
</section>
</body>
</html>
注意：當一個容器需要被定義樣式或者腳背定義行為時，推薦使用div卡骂。不使用section.
nav元素
nav元素語義為導航国裳，用法：一般作為頁面導航部分，使用頻率高全跨。代碼如下：
<html>
<body>
<nav>
<ul>
<li><a href="">菜單1</a></li>
<li><a href="">菜單2</a></li>
<li><a href="">菜單3</a></li>
</ul>
</nav>
</body>
</html>
aside元素
aside元素語義為旁邊缝左、側(cè)邊，用法：在 article 標簽中使用時浓若，作為主要內(nèi)容的附屬信息部分盒使，如有關(guān)的參考資料、名詞解釋等七嫌。在 article 標簽外使用時，作為頁面或者站點全局的附屬信息部分苞慢，如側(cè)邊欄诵原、博客的友情鏈接部分、廣告區(qū)域等。 使用頻率低绍赛。代碼如下：
<!DOCTYPE HTML>
<html>
<body>
<!-- 在article標簽內(nèi)使用時 -->
<article>
<h1>馬云是誰</h1>
<p>馬云蔓纠，男，1964年10月15日出生于浙江省杭州市吗蚌，中國著名企業(yè)家腿倚，阿里巴巴集團、淘寶網(wǎng)蚯妇、支付寶創(chuàng)始人..........</p>
<aside>
<h1>參考資料</h1>
<p>百度網(wǎng)敷燎、維基百科...</p>
</aside>
</article>
<!-- 在article標簽外使用時 側(cè)導航欄-->
<aside>
<nav>
<ul>
<li><a href="">老趙的博客</a></li>
<li><a href="">鬼哥的博客</a></li>
<li><a href="">彪叔的博客</a></li>
</ul>
</nav>
</aside>
</body>
</html>
time元素
time元素是時間標簽。用法：代表 24 小時中的某個時刻或某個日期箩言，表示時刻時允許帶時間差硬贯，可定義很多格式的日期和時間，使用頻率低陨收。代碼如下：
<!DOCTYPE HTML>
<html>
<meta charset='utf-8'>
<body>
<aside>
<time datetime="2013-3-6">2014年3月6日</time>
<br/>
<!-- datetime屬性中日期與時間之間要用“T” 文字分隔饭豹，“T”表示時間 -->
<time datetime="2013-3-6T20:00">2014年3月6日20:00</time>
<br/>
<!-- 時間加上“Z”表示給機器編碼時使用UTC標準時間 -->
<time datetime="2013-3-6T20:00Z">2014年3月6日20:00</time>
</aside>
</body>
</html>
