營銷型網(wǎng)站建設(shè)HTML高級應(yīng)用

HTML5引入了結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局、表單控制、API、多媒體、網(wǎng)站數(shù)據(jù)庫支持等高級應(yīng)用功能,允許更大的靈活性,支持開發(fā)非常精彩的交互式網(wǎng)站。HTML5還提供了高效的數(shù)據(jù)管理、繪制、視頻和音頻工具,促進(jìn)了Web和便攜式設(shè)備的跨瀏覽器應(yīng)用的開發(fā)。

營銷型網(wǎng)站建設(shè)HTML高級應(yīng)用

1、使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局

HTML5可以使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局,使Web設(shè)計和開發(fā)變得容易起來。HTML5提供了各種切割和劃分頁面的手段,允許用戶創(chuàng)建的切割組件不僅能用來邏輯地組織站點(diǎn),而且能夠賦予網(wǎng)站聚合的能力。 HTML5可謂是“信息到營銷網(wǎng)站設(shè)計的映射方法”,因?yàn)樗w現(xiàn)了信息映射的本質(zhì),劃分信息,并給信息加上標(biāo)簽,使其變得容易使用和理解。在HTML5中,為了使文檔的結(jié)構(gòu)更加清晰明確,使用文檔結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局。

HTML5中的主要文檔結(jié)構(gòu)元素如下。

<section>標(biāo)簽:代表文檔中的一段或者一節(jié)。

<nav>標(biāo)簽:用于構(gòu)建導(dǎo)航。

<header>標(biāo)簽:頁面的頁眉。

sooter>標(biāo)簽:頁面的頁腳。

<article標(biāo)簽:文檔、頁面、應(yīng)用程序或網(wǎng)站中一體化的內(nèi)容。

<aside>標(biāo)簽:與頁面內(nèi)容相關(guān)、有別于主要內(nèi)容的部分。

<hgroup>標(biāo)簽:段或者節(jié)的標(biāo)題。

<time>標(biāo)簽:表示日期和時間。

<mark>標(biāo)簽:文檔中需要突出的文字。

2、<section>標(biāo)簽

<section>標(biāo)簽用來定義文檔中的節(jié)(section、區(qū)段),如章節(jié)、頁眉、頁腳或文檔中的其他部分。例如,下面的代碼定義了文檔中的區(qū)段,解釋了PRC的含義:

<section><hl>PRC<hI><p> The People's Republic of China was born in1949</p></section>

3、<nav>標(biāo)簽

<nav>標(biāo)簽用來定義導(dǎo)航鏈接的部分。例如,下面的代碼定義了導(dǎo)航條中常見的首頁、上頁和下一頁鏈接:

<nav><a href-"index.html"首頁<la><a href"prev.html">上一頁<a><a href-"next.html">下一頁<la></nav>

4、<header>標(biāo)簽

<header>標(biāo)簽用來定義文檔的頁眉(介紹信息)。例如,下面的代碼定義了文檔的歡迎信息:<header><hl>歡迎光臨我的主頁<hI><p我的名字是張三豐<p><headerz>

5、<footer>標(biāo)簽

 <footer>標(biāo)簽用來定義section或document的頁腳,通常該標(biāo)簽包含網(wǎng)站的版權(quán)、創(chuàng)作者的姓名、文檔的創(chuàng)作日期及聯(lián)系信息。例如,下面的代碼定義了網(wǎng)站的版權(quán)信息:

<footer><p>Copyright C 1996-2012 SkySea Corporation, All Rkights Reserved</p><footer>

6、 <article>標(biāo)簽

<article>標(biāo)簽用來定義獨(dú)立的內(nèi)容,該標(biāo)簽定義的內(nèi)容可獨(dú)立于頁面中的其他內(nèi)容使用。<article>標(biāo)簽經(jīng)常應(yīng)用于論壇帖子、報紙文章、營銷型網(wǎng)站建設(shè)博客條目和用戶評論等應(yīng)用中。<section>標(biāo)簽可以包含<article>標(biāo)簽, <article>標(biāo)簽也可以包含<section>標(biāo)簽。<section>標(biāo)簽用來分組相類似的信息,而<article>標(biāo)簽則用來放置諸如文章或博客一類的信息,這些內(nèi)容可以在不影響內(nèi)容含義的情況下被刪除或被放置到新的上下文中。<article>標(biāo)簽,正如它的名稱所暗示的那樣,提供了一個完整的信息包。相比之下, <section>標(biāo)簽包含的是有關(guān)聯(lián)的信息,但這些信息自身不能被放置到不同的上下文中,否則其代表的含義就會丟失。除了內(nèi)容部分,一個<article>標(biāo)簽通常有它自己的標(biāo)題(一般放在<header>標(biāo)簽里面),有時還有自己的腳注。