建站
咨詢
售后
建站咨詢
新聞中心
HTML5反映了在網(wǎng)絡上和在云端實施業(yè)務的方式的巨大變化。本篇文章是一個由四個部分構成的系列的第一部分，該文章系列旨在尋找并突出說明HTML5中的變化。其開始先介紹新的標簽和頁面的組織，然后提供一些網(wǎng)頁設計方面的高層面信息，比如說表單的創(chuàng)建、API的使用及其價值所在，以及Canvas提供的一些頗具創(chuàng)意的可能做法等。
推薦專題：HTML 5 下一代Web開發(fā)標準詳解
HTML 5是一種設計來組織web內容的語言，其目的是通過創(chuàng)建一種標準的和直觀的UI標記語言來把web設計和開發(fā)變得容易起來。HTML5提供了各種切割和劃分頁面的手段，其允許你創(chuàng)建的切割組件不僅能用來邏輯地組織站點，而且能夠賦予網(wǎng)站聚合的能力。 HTML5可謂是“信息到網(wǎng)站設計的映射方法”，因為它體現(xiàn)了信息映射的本質，劃分信息，并給信息加上標簽，使其變得容易使用和理解。這是HTML5富于表現(xiàn)力的語義和實用性美學的基礎，HTML5賦予設計者和開發(fā)者各種層面的能力來向外發(fā)布各式各樣的內容，從簡單的文本內容到豐富的、交互式的多媒體無不包括在內。
HTML5提供了高效的數(shù)據(jù)管理、繪制、視頻和音頻工具，其促進了web上的和便攜式設備的跨瀏覽器應用的開發(fā)。HTML5是驅動移動云計算服務方面的發(fā)展的技術之一，因為其允許更大的靈活性，支持開發(fā)非常精彩的交互式網(wǎng)站。其還引入了新的標簽（tag）和增強性的功能，其中包括了一個優(yōu)雅的結構、表單的控制、API、多媒體、數(shù)據(jù)庫支持和顯著提升的處理速度等。
HTML5中的新標簽都是能高度關聯(lián)喚起的，標簽封裝了它們的作用和用法。HTML的過去版本更多的是使用非描述性的標簽，然而，HTML5擁有高度描述性的、直觀的標簽，其提供了豐富的能夠立刻讓人識別出內容的內容標簽。例如，被頻繁使用的
圖像元素
清單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)建。這一標簽被看作是用來存放補充內容的地方，這些內容不是其所補充的一篇連續(xù)文章的組成部分。在雜志上，插入語（aside）通常被用來突出文章本身所制造的一個觀點。< aside>標簽包含的內容可被刪除，而這不會影響到包含了該內容的文章、章節(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#
構建頁面
現(xiàn)在你已經(jīng)了解了需要用來創(chuàng)建一個HTML5頁面的基本標簽，讓我們開始構建你的頁面。你會為Acme United構建一個網(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.