越來(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用戶可以編輯網(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新增的特性:
- 新增了一種HTML文檔類型:<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)行引用其掂,才能告知瀏覽器文檔所使用的文檔類型潦蝇。
- 新增了一些結(jié)構(gòu)化標(biāo)記的元素:
繪畫:canvas;
用于媒介回放的video和audio元素;
本地離線存儲(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)藤违,得到線,延長(zhǎng)線之后 得到一個(gè)面(三角形牛欢,圓形淆游,矩形等等的圖案面),然后給線或者面描邊拾稳,上色腊脱。CSS更像是小朋友的手工課,而canvas更像是用一支筆來(lái)畫圖悍抑。
<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)刪除舔庶。