蘇晨　王麗芬　胡曉紅

摘要：隨著社會(huì)的發(fā)展和信息技術(shù)的廣泛應(yīng)用，互聯(lián)網(wǎng)越來(lái)越廣泛地被應(yīng)用，通過(guò)網(wǎng)頁(yè)獲取信息和知識(shí)成為一種重要手段。而網(wǎng)站前臺(tái)的制作技術(shù)之一是HTML，HTML的最新版本是HTML5。文章對(duì)HTML5和HTML4在網(wǎng)站前臺(tái)制作中進(jìn)行比較和研究，論述了兩者在網(wǎng)站前臺(tái)制作中的不同和相同之處，并對(duì)兩者的優(yōu)點(diǎn)和缺點(diǎn)進(jìn)行了說(shuō)明。

關(guān)鍵詞：HTML4，HTML5，網(wǎng)站前臺(tái)

中圖分類號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）13-0059-01

Abstract： With the development of the society and the wide application of information technology， the Internet has become more and more widely used. Webpage has become an important means for more information and knowledge . But one of the manufacturing technology of website front is HTML， the latest version of HTML is HTML5. The article on the HTML5 and HTML4 were compared and studied in the website. The differences and similarities were discussed both in the making of website front between them， and the advantages and disadvantages of them are described.

Key words： HTML4； HTML5； website front

隨著社會(huì)的發(fā)展和信息技術(shù)的廣泛應(yīng)用，互聯(lián)網(wǎng)已成為人們生活中不可缺少的獲取信息的重要手段，它正逐步改變著人們的生活方式和工作方式。人們通過(guò)互聯(lián)網(wǎng)頁(yè)面來(lái)獲取知識(shí)和信息，而網(wǎng)站前臺(tái)頁(yè)面的制作和實(shí)現(xiàn)是在網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)之上實(shí)現(xiàn)的，所以網(wǎng)站前臺(tái)的制作需要一定的技術(shù)支持。在網(wǎng)站前臺(tái)的實(shí)現(xiàn)過(guò)程中，需要用到的技術(shù)之一是HTML語(yǔ)言，也就是超文本標(biāo)記語(yǔ)言。HTML5是該語(yǔ)言的最新版本。雖然越來(lái)越多的程序開(kāi)發(fā)者開(kāi)始使用HTML5來(lái)開(kāi)發(fā)網(wǎng)站前臺(tái)，但是HTML5并沒(méi)有完全替代HTML4，并且兩者還有很多相似之處。

首先來(lái)看一下HTML5和HTML4在網(wǎng)站前臺(tái)制作中的區(qū)別。在HTML5中，書(shū)寫(xiě)代碼時(shí)，不需要像HTML4那樣進(jìn)行聲明<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http：//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，而是直接聲明<！DOCTYPE html>即可。

HTML5和HTML4在網(wǎng)站前臺(tái)制作中的第二個(gè)區(qū)別是，在HTML4中，大多數(shù)視頻都是通過(guò)插件（比如Flash）來(lái)顯示的，但并不是所有的瀏覽器都有相同的插件，這就會(huì)導(dǎo)致視頻有可能不能正確播放。而HTML5則規(guī)定了一種通過(guò)video元素來(lái)包含視頻的標(biāo)準(zhǔn)方法。目前，video元素支持以下三種視頻格式：Ogg，MPEG4，WebM。如果要在HTML5中顯示視頻，需要加入的代碼如下：。所以在HTML5中，只要加入上面的代碼，不需要插件即可。

在HTML5中，標(biāo)簽的使用，大大提高了網(wǎng)頁(yè)的性能，比如，使用該標(biāo)簽，可以進(jìn)行繪制圖形、合成圖像、字體設(shè)計(jì)、制作簡(jiǎn)單或者復(fù)雜的動(dòng)畫(huà)效果。是一個(gè)新的標(biāo)簽，在HTML4 是沒(méi)有的。

除了標(biāo)簽之外，HTML5還新增了許多標(biāo)簽，比如