• 
    

    
    

      99热精品在线国产_美女午夜性视频免费_国产精品国产高清国产av_av欧美777_自拍偷自拍亚洲精品老妇_亚洲熟女精品中文字幕_www日本黄色视频网_国产精品野战在线观看

      ?

      HTML4與HTML5在網(wǎng)站前臺設(shè)計(jì)中的比較研究

      2015-07-13 12:12:43蘇晨王麗芬胡曉紅
      電腦知識與技術(shù) 2015年13期

      蘇晨 王麗芬 胡曉紅

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

      關(guān)鍵詞:HTML4,HTML5,網(wǎng)站前臺

      中圖分類號:TP37 文獻(xiàn)標(biāo)識碼:A 文章編號: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

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

      首先來看一下HTML5和HTML4在網(wǎng)站前臺制作中的區(qū)別。在HTML5中,書寫代碼時,不需要像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)站前臺制作中的第二個區(qū)別是,在HTML4中,大多數(shù)視頻都是通過插件(比如Flash)來顯示的,但并不是所有的瀏覽器都有相同的插件,這就會導(dǎo)致視頻有可能不能正確播放。而HTML5則規(guī)定了一種通過video元素來包含視頻的標(biāo)準(zhǔn)方法。目前,video元素支持以下三種視頻格式:Ogg,MPEG4,WebM。如果要在HTML5中顯示視頻,需要加入的代碼如下:。所以在HTML5中,只要加入上面的代碼,不需要插件即可。

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

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

      標(biāo)簽。由于HTML5的一個設(shè)計(jì)原則是更好的體現(xiàn)網(wǎng)站的語義性,所以增加了
      標(biāo)簽,用來明確表示網(wǎng)頁的結(jié)構(gòu)。在制作和開發(fā)網(wǎng)站的時候,不需要像在HTML4中那樣使用
      標(biāo)記了。與
      相類似,以下兩個標(biāo)簽也是在HTML5中新增加的——
      ,這兩個標(biāo)簽也有利于體現(xiàn)網(wǎng)站的語義性和結(jié)構(gòu)性,更利于SEO。

      下面通過兩個圖示來看一下HTML4和HTML5在網(wǎng)站前臺制作方面的結(jié)構(gòu)性代碼差別。圖1指的是在HTML4中的兩列布局結(jié)構(gòu),是通過

      將相應(yīng)內(nèi)容進(jìn)行添加,在此基礎(chǔ)上設(shè)置各種樣式表來實(shí)現(xiàn)相應(yīng)的效果。而圖2中,HTML5則通過新增加的標(biāo)簽,直接來實(shí)現(xiàn)頁面內(nèi)容。

      通過圖2可以看到,使用HTML5已經(jīng)擯棄了

      標(biāo)簽,而是使用語義性更強(qiáng)的相關(guān)標(biāo)簽來代替。這樣對程序編寫者來說,書寫代碼會更加方便。

      對于圖2所示的頁面而言,其對應(yīng)的程序代碼如下:

      ...

      ...

      ...

      綜上所述,HTML4和HTML5在網(wǎng)站前臺的制作過程中存在著很大區(qū)別,包括結(jié)構(gòu)性代碼上的區(qū)別,以及新舊標(biāo)簽的區(qū)別,總體說來,HTML5比HTML4更加人性化,功能也更強(qiáng)大,但是HMTL5最終占領(lǐng)統(tǒng)治地位還需要一定的時間,我們期待著HTML5在網(wǎng)站前臺中的應(yīng)用越來越廣泛。

      參考文獻(xiàn):

      [1] 龔麗.HTML5中的Canvas繪圖研究[J].軟件導(dǎo)刊, 2014(4):152.

      [2] 明日科技.HTML5從入門到精通[M].北京:清華大學(xué)出版社,2012.

      [3] 唐俊開.HTML5技術(shù)與移動出版[M].北京:電子工業(yè)出版社,2013.

      [4] 秀野堂主.論道HTML5[M].北京:人民郵電報(bào)社,2012.

      揭阳市| 磐安县| 南平市| 化德县| 林口县| 镇康县| 藁城市| 屯昌县| 怀柔区| 夹江县| 观塘区| 湘乡市| 廉江市| 横峰县| 贡觉县| 溧阳市| 五台县| 轮台县| 巢湖市| 额尔古纳市| 甘洛县| 疏勒县| 宜川县| 大石桥市| 长沙县| 肇东市| 贵南县| 淮南市| 邵东县| 镇康县| 罗田县| 景洪市| 嘉祥县| 大埔县| 沅陵县| 荆州市| 衡阳县| 沁水县| 延长县| 图们市| 阜新市|