【門戶網(wǎng)站建設(shè)報(bào)價(jià)】使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局
【門戶網(wǎng)站建設(shè)報(bào)價(jià)】
HTML5引入了結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局、表單控制、API、多媒體、數(shù)據(jù)庫(kù)支持等高級(jí)應(yīng)用功能，允許更大的靈活性，支持開(kāi)發(fā)非常精彩的交互式網(wǎng)站。HTML5還提供了高效的數(shù)據(jù)管理、繪制、視頻和音頻工具，促進(jìn)了Web和便攜式設(shè)備的跨瀏覽器應(yīng)用的開(kāi)發(fā)。
5.1 使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局
HTML5可以使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局，使Web設(shè)計(jì)和開(kāi)發(fā)變得容易起來(lái)。HTML5提供了各種切割和劃分頁(yè)面的手段，允許用戶創(chuàng)建的切割組件不僅能用來(lái)邏輯地組織站點(diǎn)，而且能夠賦予網(wǎng)站聚合的能力。HTML5可謂是“信息到網(wǎng)站設(shè)計(jì)的映射方法”，因?yàn)樗w現(xiàn)了信息映射的本質(zhì)，劃分信息，并給信息加上標(biāo)簽，使其變得容易使用和理解。
在HTML5中，為了使文檔的結(jié)構(gòu)更加清晰明確，使用文檔結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局。HTML5中的主要文檔結(jié)構(gòu)元素如下。
<section>標(biāo)簽：代表文檔中的一段或者一節(jié)。
<nav>標(biāo)簽：用于構(gòu)建導(dǎo)航。
<header>標(biāo)簽：頁(yè)面的頁(yè)眉。
圖5-1 使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局
1．<section>標(biāo)簽
<footer>標(biāo)簽：頁(yè)面的頁(yè)腳。
<article>標(biāo)簽：文檔、頁(yè)面、應(yīng)用程序或網(wǎng)站中一體化的內(nèi)容。
<aside>標(biāo)簽：與頁(yè)面內(nèi)容相關(guān)、有別于主要內(nèi)容的部分。
<hgroup>標(biāo)簽：段或者節(jié)的標(biāo)題。
<time>標(biāo)簽：表示日期和時(shí)間。
<mark>標(biāo)簽：文檔中需要突出的文字。
使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局的典型布局如圖5-1所示。
<section>標(biāo)簽用來(lái)定義文檔中的節(jié)(section、他部分。例如，下面的代碼定義了文檔中的區(qū)段，區(qū)段），如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其解釋了PRC的含義：
<section>
<hl>PRC</hl>
<p>The People's Republic of China was bom in 1949</p>
</section>
2．<nav>標(biāo)簽
<nav>標(biāo)簽用來(lái)定義導(dǎo)航鏈接的部分。例如，下面的代碼定義了導(dǎo)航條中常見(jiàn)的首頁(yè)、上一頁(yè)和下一頁(yè)鏈接：
<nav>
<a href= "index.html">首頁(yè)</a>
<a href=”prev.html”>上一頁(yè)<／a>
<a href "next.html">下一頁(yè)<／a>
</n av>
3．<header>標(biāo)簽
<header>標(biāo)簽用來(lái)定義文檔的頁(yè)眉（介紹信息）。例如，下面的代碼定義了文檔的歡迎
信息：
<header>
<hl>歡迎光臨我的主頁(yè)</hl>
<p>我的名字是張三豐</p>
<／header>
4．<footer>標(biāo)簽
<footer>標(biāo)簽用來(lái)定義section或document的頁(yè)腳，通常該標(biāo)簽包含網(wǎng)站的版權(quán)、創(chuàng)作者的姓名、文檔的創(chuàng)作日期及聯(lián)系信息。例如，下面的代碼定義了網(wǎng)站的版權(quán)信息：
<footer>
<p>Copyright◎1996-2012 SkySea Corporation, All Rights Reserved<／p>
<／footer>
5．<article>標(biāo)簽
<article>標(biāo)簽用來(lái)定義獨(dú)立的內(nèi)容，該標(biāo)簽定義的內(nèi)容可獨(dú)立于頁(yè)面中的其他內(nèi)容使用。
<article>標(biāo)簽經(jīng)常應(yīng)用于論壇帖子、報(bào)紙文章、博客條目和用戶評(píng)論等應(yīng)用中。
<section>標(biāo)簽可以包含<article>標(biāo)簽，<article>標(biāo)簽也可以包含<section>標(biāo)簽。<section>標(biāo)簽用來(lái)分組相類似的信息，而<article>標(biāo)簽則用來(lái)放置諸如文章或博客一類的信息，這些內(nèi)容可以在不影響內(nèi)容含義的情況下被刪除或被放置到新的上下文中。<article>標(biāo)簽，正如它的名稱所暗示的那樣，提供了一個(gè)完整的信息包。相比之下，<section>標(biāo)簽包含的是有關(guān)聯(lián)的信息，但這些信息自身不能被放置到不同的上下文中，否則其代表的含義就會(huì)丟失。
除了內(nèi)容部分，一個(gè)<article>標(biāo)簽通常有它自己的標(biāo)題（一般放在<header>標(biāo)簽里面），有時(shí)還有自己的腳注。
