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

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


咨詢
建站咨詢