HTML4与HTML5的区别
2016-06-11 09:54
603 查看
WHATWG组织力推HTML5标准取代HTML4标准的一个重要目标就是,让浏览器拜托需要安装各种插件才能显示或播放不同格式文件的情况,用WHATWG自己的话说,即建立一个开放的Web环境。
我们知道W3C HTML4标准主要以标记语言为主的规范。HTML5标准大大扩展了这方面的内容,而且还引入了很多种API,下面我们逐条罗列W3C关于HTML5和HTML4标准,除API之外的具体区别:
1、强调浏览器间的兼容性
在HTML5标准中,关于怎样解释标记,怎样生成DOM树都做出了严格的规定。实际上,DOM树的生成,不仅对文档解析,而且杜Web应用程序开发来说也非常重要,如果浏览器间的DOM树不同,则JavaScript将不能获取想要的对象。如果将来所有的浏览器都遵循HTML5标准,那么无论是何种浏览器都将生成完成一致的DOM树。
2、新的解析顺序:不再基于SGML
尽管HTML5和SGML在标记语法上有相似性,但HTML5的语法并部基于它,而是被设计成向后兼容对老版本的HTML的解析。
HTML4中定义文字编码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
HTML5中定义文字编码:
<meta charset=utf-8/>
HTML4中定义默认语言:
<meta http-equiv="Content-language" content="zh" />
HTML5中定义默认语言:
<meta content="zh" />
3、追加新的元素
在HTML5中,追加了如下带有明确语义的新标签:section、video、progress、nav、meter、time、aside、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、output、rp、rt、ruby、source、summary、wbr。
4、增加了input元素的新属性
date、email和url这3种属性在浏览器的最新版本中都已经实现,还有color 、datetime 、datetime-local 、month 、number、range 、searc、tel、time 、week 等属性。
5、新的通用属性
ping(用于a与area),charset(用于meta),async(用于script)。
6、增加全局属性
id、tabindex、repeat
7、删除元素
acronym、applet、basefont、big、center、dir、font、frame、frameset、isindex、noframes、s、strike、tt、u
8、导入在线的SVG和MathML
我们知道W3C HTML4标准主要以标记语言为主的规范。HTML5标准大大扩展了这方面的内容,而且还引入了很多种API,下面我们逐条罗列W3C关于HTML5和HTML4标准,除API之外的具体区别:
1、强调浏览器间的兼容性
在HTML5标准中,关于怎样解释标记,怎样生成DOM树都做出了严格的规定。实际上,DOM树的生成,不仅对文档解析,而且杜Web应用程序开发来说也非常重要,如果浏览器间的DOM树不同,则JavaScript将不能获取想要的对象。如果将来所有的浏览器都遵循HTML5标准,那么无论是何种浏览器都将生成完成一致的DOM树。
2、新的解析顺序:不再基于SGML
尽管HTML5和SGML在标记语法上有相似性,但HTML5的语法并部基于它,而是被设计成向后兼容对老版本的HTML的解析。
HTML4中定义文字编码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
HTML5中定义文字编码:
<meta charset=utf-8/>
HTML4中定义默认语言:
<meta http-equiv="Content-language" content="zh" />
HTML5中定义默认语言:
<meta content="zh" />
3、追加新的元素
在HTML5中,追加了如下带有明确语义的新标签:section、video、progress、nav、meter、time、aside、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、output、rp、rt、ruby、source、summary、wbr。
4、增加了input元素的新属性
date、email和url这3种属性在浏览器的最新版本中都已经实现,还有color 、datetime 、datetime-local 、month 、number、range 、searc、tel、time 、week 等属性。
5、新的通用属性
ping(用于a与area),charset(用于meta),async(用于script)。
6、增加全局属性
id、tabindex、repeat
7、删除元素
acronym、applet、basefont、big、center、dir、font、frame、frameset、isindex、noframes、s、strike、tt、u
8、导入在线的SVG和MathML
相关文章推荐
- 基于HTML5 Canvase的在线画图及图片处理工具
- 几行代码完全解决HTML5在低版本浏览器中兼容性问题
- HTML5-Service Worker实现离线页面访问
- html5 制作
- HTML5中canvas画图之画矩形和矩形掏空
- HTML5中canvas画图之画圆形
- HTML5简介
- html5 drop drag实现购物车加入书
- HTML5中canvas画图之根据触摸点画三角形
- HTML5中canvas画图之绘制路径
- html5中的Viewport标签 — 视区概念
- 移动H5功能设计反思 测试用例总结
- html5实现本地图片预览功能
- 前端学习_Series1_01.HTML5新增标签
- 电商之梳理html5相关知识---前端技术
- canvas画布的宽高应写在<canvas>标签里
- HTML5模拟齿轮动画
- HTML5学习笔记——基本语法和语义
- html5新特性
- 用python和html5在画布上画个车子和笑脸