HTML5跟HTML的區(qū)別

越來(lái)越多的系統(tǒng)和應(yīng)用平臺(tái)選擇使用html5作為制作標(biāo)準(zhǔn),網(wǎng)頁(yè)制作被納入其中,從各種平臺(tái)的總結(jié)來(lái)看,HTML5兩大特點(diǎn):

一,強(qiáng)化了 Web 網(wǎng)頁(yè)的表現(xiàn)性能。

二,追加了本地?cái)?shù)據(jù)庫(kù)等 Web 應(yīng)用的功能,Html5網(wǎng)頁(yè)制作技術(shù)的深入提升,強(qiáng)大的功能陸續(xù)的被應(yīng)用到網(wǎng)頁(yè)制作,網(wǎng)頁(yè)建設(shè)當(dāng)中。

Html5 到底是什么,利用html5網(wǎng)頁(yè)制作有什么好處?

Html5 廣義上來(lái)說(shuō)包含了html5、css和JavaScript三個(gè)部分,不僅僅是根據(jù)第一印象的html5,html5讓網(wǎng)頁(yè)制作從布局到細(xì)節(jié)處理都更加的 靈活,可以創(chuàng)建更好的網(wǎng)頁(yè)結(jié)構(gòu),擁有更加豐富的標(biāo)簽,對(duì)媒體播放、編輯、存儲(chǔ)等有更好的支持方式,兼容性更強(qiáng)。

HTML5跟HTML的相同點(diǎn):

1、都是網(wǎng)頁(yè)的基礎(chǔ),用來(lái)構(gòu)建Web頁(yè)面的“骨架” 。
2、具有基本相同的標(biāo)簽,如div,form,p等等。

HTML5跟HTML的不同:

1、 各個(gè)瀏覽器對(duì)HTML5的渲染或支持程度不同,但對(duì)HTML的支持或渲染已經(jīng)很穩(wěn)定 。
2、 html5正在發(fā)展,相當(dāng)于于html的升級(jí)版本 。
3、 html5用戶(hù)可以編輯網(wǎng)頁(yè)的部分內(nèi)容 。
4 、html5中元素可以使圖像腳本更靈活 。
5 、html5中 新的API讓頁(yè)面程序開(kāi)發(fā)更簡(jiǎn)單 。
6 、 html5改進(jìn)頁(yè)面表單操作 。
7 、html5新增加了很多新的標(biāo)簽,如<header>,<nav>,<footer>,<section>等。

現(xiàn)在說(shuō)說(shuō)HTML5新增的特性:

  1. 新增了一種HTML文檔類(lèi)型:<DOCTYPE html>

HTML5不基于SGML之上,因此不需要對(duì)DTD進(jìn)行引用,但是要用doctype(doctype聲明位于HTML文檔中的第一行,處于 HTML標(biāo)簽之前。告知瀏覽器的解析器用什么文檔解析這個(gè)文檔。DOCTYPE不存在或是格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn))來(lái)規(guī)范瀏覽器的行為(讓瀏 覽器按照他們應(yīng)該的方式來(lái)運(yùn)行)。而HTML4.01基于SGML,所以需要對(duì)DTD進(jìn)行引用,才能告知瀏覽器文檔所使用的文檔類(lèi)型。

  1. 新增了一些結(jié)構(gòu)化標(biāo)記的元素:

繪畫(huà):canvas;

用于媒介回放的video和audio元素;

本地離線(xiàn)存儲(chǔ):localStorage,sessiorStorage。

語(yǔ)義化更好的內(nèi)容元素:<header>,<nav>,<footer>,<section>等。

表單控制:calendar,date,time,email,url,search。

新的技術(shù):webworker,websocket,Geolocation。

CSS更像是把多個(gè)“矩形”裁剪后,然后拼接成一個(gè)圖案,然后給圖案上色。但是canvas是由點(diǎn)開(kāi)始,延長(zhǎng)無(wú)數(shù)個(gè)點(diǎn),得到線(xiàn),延長(zhǎng)線(xiàn)之后 得到一個(gè)面(三角形,圓形,矩形等等的圖案面),然后給線(xiàn)或者面描邊,上色。CSS更像是小朋友的手工課,而canvas更像是用一支筆來(lái)畫(huà)圖。

<header>,<nav>,<footer>,<section>等還有其他的許多標(biāo)簽,這些標(biāo)簽是代碼更加的語(yǔ)義化,是閱讀代碼的人更加的通俗、易懂,是人們學(xué)習(xí)代碼更加的簡(jiǎn)單方便。

audio和video可以說(shuō)是html5給大家的一個(gè)驚喜,雖然以前不管通過(guò)flash,還是一些視頻,音頻插件大家都可以播放媒體文件,但是現(xiàn)在的audio和viedo更加標(biāo)準(zhǔn);他不需要使用任何的插件就可以使視頻和音頻在瀏覽器上播放。

localStorage長(zhǎng)期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessiorStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 1. 瀏覽器頁(yè)面有哪三層構(gòu)成,分別是什么,作用是什么? 構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTML、CSS、Ja...
    程序猿人王小賤閱讀 1,894評(píng)論 1 11
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會(huì)被瀏覽器顯示。為代碼編寫(xiě)注釋的好處是...
    才気莮孒閱讀 4,084評(píng)論 1 25
  • 問(wèn)答題1 /72瀏覽器頁(yè)面有哪三層構(gòu)成,分別是什么,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,232評(píng)論 0 23
  • 源自SeeYouBug博客 地址為:http://www.cnblogs.com/SeeYouBug 一、HTML...
    欲淚成雪閱讀 1,256評(píng)論 0 15
  • 本文主要介紹Html5和Html4的區(qū)別。 語(yǔ)法的改變 內(nèi)容類(lèi)型HTML5 的文件擴(kuò)展符與內(nèi)容類(lèi)型保持不變。擴(kuò)展符...
    layjoy閱讀 1,864評(píng)論 0 23