News
網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)等相關(guān)資訊

當(dāng)前位置:首頁(yè) > 新聞動(dòng)態(tài) > 營(yíng)銷型網(wǎng)站建設(shè)HTML高級(jí)應(yīng)用

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

日期:2021-11-03 09:23:43 訪問(wèn):1155 作者:網(wǎng)建科技

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

23.jpg

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

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可謂是“信息到營(yíng)銷網(wǎng)站設(shè)計(jì)的映射方法”,因?yàn)樗w現(xiàn)了信息映射的本質(zhì),劃分信息,并給信息加上標(biāo)簽,使其變得容易使用和理解。在HTML5中,為了使文檔的結(jié)構(gòu)更加清晰明確,使用文檔結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局。

24.jpg

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

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

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

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

sooter>標(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)簽:文檔中需要突出的文字。

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

<section>標(biāo)簽用來(lái)定義文檔中的節(jié)(section、區(qū)段),如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分。例如,下面的代碼定義了文檔中的區(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)簽用來(lái)定義導(dǎo)航鏈接的部分。例如,下面的代碼定義了導(dǎo)航條中常見(jiàn)的首頁(yè)、上頁(yè)和下一頁(yè)鏈接:

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

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

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

5、<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 C 1996-2012 SkySea Corporation, All Rkights Reserved</p><footer>

6、 <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)紙文章、營(yíng)銷型網(wǎng)站建設(shè)博客條目和用戶評(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í)還有自己的腳注。


案例推薦

更多資訊
在線咨詢