新聞中心
HTML5反映了在網(wǎng)絡(luò)上和在云端實(shí)施業(yè)務(wù)的方式的巨大變化。本篇文章是一個(gè)由四個(gè)部分構(gòu)成的系列的第一部分,該文章系列旨在尋找并突出說(shuō)明HTML5中的變化。其開始先介紹新的標(biāo)簽和頁(yè)面的組織,然后提供一些網(wǎng)頁(yè)設(shè)計(jì)方面的高層面信息,比如說(shuō)表單的創(chuàng)建、API的使用及其價(jià)值所在,以及Canvas提供的一些頗具創(chuàng)意的可能做法等。

推薦專題:HTML 5 下一代Web開發(fā)標(biāo)準(zhǔn)詳解
HTML 5是一種設(shè)計(jì)來(lái)組織web內(nèi)容的語(yǔ)言,其目的是通過(guò)創(chuàng)建一種標(biāo)準(zhǔn)的和直觀的UI標(biāo)記語(yǔ)言來(lái)把web設(shè)計(jì)和開發(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富于表現(xiàn)力的語(yǔ)義和實(shí)用性美學(xué)的基礎(chǔ),HTML5賦予設(shè)計(jì)者和開發(fā)者各種層面的能力來(lái)向外發(fā)布各式各樣的內(nèi)容,從簡(jiǎn)單的文本內(nèi)容到豐富的、交互式的多媒體無(wú)不包括在內(nèi)。
HTML5提供了高效的數(shù)據(jù)管理、繪制、視頻和音頻工具,其促進(jìn)了web上的和便攜式設(shè)備的跨瀏覽器應(yīng)用的開發(fā)。HTML5是驅(qū)動(dòng)移動(dòng)云計(jì)算服務(wù)方面的發(fā)展的技術(shù)之一,因?yàn)槠湓试S更大的靈活性,支持開發(fā)非常精彩的交互式網(wǎng)站。其還引入了新的標(biāo)簽(tag)和增強(qiáng)性的功能,其中包括了一個(gè)優(yōu)雅的結(jié)構(gòu)、表單的控制、API、多媒體、數(shù)據(jù)庫(kù)支持和顯著提升的處理速度等。
HTML5中的新標(biāo)簽都是能高度關(guān)聯(lián)喚起的,標(biāo)簽封裝了它們的作用和用法。HTML的過(guò)去版本更多的是使用非描述性的標(biāo)簽,然而,HTML5擁有高度描述性的、直觀的標(biāo)簽,其提供了豐富的能夠立刻讓人識(shí)別出內(nèi)容的內(nèi)容標(biāo)簽。例如,被頻繁使用的
圖像元素
清單5.
Caption for the figure
#p#
媒體元素
清單6.
- Your browser does not support the audio tag.
清單7提供了一個(gè)
清單7. 標(biāo)簽的例子
- Your browser does not support the video tag
清單8.
Your browser does not support the HTML 'audio' element.
清單9.
除了src和type屬性之外,
Aside區(qū)
Acme United規(guī)劃中的Aside區(qū)可通過(guò)使用< aside>標(biāo)簽來(lái)創(chuàng)建。這一標(biāo)簽被看作是用來(lái)存放補(bǔ)充內(nèi)容的地方,這些內(nèi)容不是其所補(bǔ)充的一篇連續(xù)文章的組成部分。在雜志上,插入語(yǔ)(aside)通常被用來(lái)突出文章本身所制造的一個(gè)觀點(diǎn)。< aside>標(biāo)簽包含的內(nèi)容可被刪除,而這不會(huì)影響到包含了該內(nèi)容的文章、章節(jié)或是頁(yè)面所要傳達(dá)的信息。
清單10提供了
清單10.
My family and I visited Euro Disney last year.
Disney in France
Besides Euro Disney, there is a Disneyland in California.
Footer區(qū)
清單11.
Copyright 2011 Acme United. All rights reserved.
#p#
構(gòu)建頁(yè)面
現(xiàn)在你已經(jīng)了解了需要用來(lái)創(chuàng)建一個(gè)HTML5頁(yè)面的基本標(biāo)簽,讓我們開始構(gòu)建你的頁(yè)面。你會(huì)為Acme United構(gòu)建一個(gè)網(wǎng)頁(yè),完成后的頁(yè)面如圖2所示,該頁(yè)面可以下載供你使用(參見下載一節(jié))。
圖2. Acme United的網(wǎng)頁(yè)
那么,讓我們把頁(yè)面裝配起來(lái)吧。首先要處理的是這個(gè),在HTML5中,被簡(jiǎn)化了:所有你需要記住就是html。這不僅是簡(jiǎn)化了這一標(biāo)簽的條目,而還把它變得更適應(yīng)未來(lái)的發(fā)展。需要注意的是,它不是被稱為html5,就只是html。不管來(lái)來(lái)去去的有多少個(gè)HTML版本,可以一直都是html。
標(biāo)簽包含了所有除了標(biāo)簽之外的其他HTML元素,其他的每一個(gè)元素都必須嵌套在和標(biāo)簽之間,參見清單12。
清單12. < !doctype>標(biāo)簽的例子
在指出了html和語(yǔ)言為英語(yǔ)之后,你就可以使用< head>元素,該元素可以包含腳本、瀏覽器支持信息、樣式表鏈接、meta信息和其他的初始化函數(shù)。你可以在head這一區(qū)域中使用這些標(biāo)簽:
1.
2.
3.
4.


咨詢
建站咨詢