營銷型網站建設HTML高級應用

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

營銷型網站建設HTML高級應用

1、使用結構元素構建網頁布局

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

HTML5中的主要文檔結構元素如下。

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

<nav>標簽:用于構建導航。

<header>標簽:頁面的頁眉。

sooter>標簽:頁面的頁腳。

<article標簽:文檔、頁面、應用程序或網站中一體化的內容。

<aside>標簽:與頁面內容相關、有別于主要內容的部分。

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

<time>標簽:表示日期和時間。

<mark>標簽:文檔中需要突出的文字。

2、<section>標簽

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

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

3、<nav>標簽

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

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

4、<header>標簽

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

5、<footer>標簽

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

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

6、 <article>標簽

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