HTML5與HTML4的區別
1、推出理由及目標
2、語法的改變
3、新增的元素和廢除的元素
4、新增的屬性和廢除的屬性
5、全局屬性
1、推出理由及目標:
HTML5 的出現,對於WEB來說意義是非常重大的,因為他的意圖是想把目前WEB上存在的各種問題一並解決掉了。
WEB瀏覽器之間的兼容性很低;
文檔結構不夠明確;
WEB應用程序的功能受到了限制;
世界知名瀏覽器廠商對HTML5的支持:微軟、Google、蘋果、Opera、Mozilla。
2、語法的改變:
內容類型;內容類型還是html和htm
DOCTYPE聲明;<!DOCTYPE html>、<!doctype html>
指定字符編碼;<meta charset="UTF-8">
可以省略標記的元素;可以省略
具有boolean值的屬性;
省略引號。
3、新增的元素和廢除的元素:
新增的結構元素:section、article、aside、header、hgroup、footer、nav、figure。
新增的其他元素:video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu
新增的input元素的類型:email、url、number、range、Data Pickers。
廢除的元素:
能使用CSS替代的元素:basefont、big、center、font、s、tt、u等;
不能使用frame框架;
只有部分瀏覽器支持的元素;
其他被廢除的元素。
4、新增的屬性和廢除的屬性:
新增的屬性:表單相關的屬性、鏈接相關的屬性、其他屬性;
廢除的屬性:
5、全局屬性:在HTML5中新增了一個全局屬性的概念,所謂全局屬性是指可以對任何元素都可以使用的屬性,我們來看一下下面幾個屬性:
contentEditable屬性:這個是有微軟開發並且被其他瀏覽器編譯並投入應用的全局屬性,該屬性的主要功能呢是允許用戶編輯元素中的內容,所以該元素必須是可以得到鼠標焦點的元素,而且點擊鼠標后向用戶提供一個插入符號,提示用戶該元素內容允許編輯,那么它是boolean類型,可被設為sure和flas;除此之外該屬性還要隱藏的寄存狀態,屬性為sure時元素的可編輯的,屬性為flas是元素的不可編輯的;未定sure和flas時則由屬性的寄存狀態來決定的,如果元素的副元素是可編輯的那么該元素也是可以編輯的;
designMode屬性;
hidden屬性;
spellcheck屬性;
tabindex屬性。
本文來源於:http://www.wushihan.cn/a/webdqdgcs/HTML5/2015/1014/93.html
