html5相对于html规范的改进,科技常识：HTML5对比HTML4的主要改变和改进总结-CSDN博客

今天小编跟大家讲解下有关HTML5对比HTML4的主要改变和改进总结，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关HTML5对比HTML4的主要改变和改进总结的相关资料，希望小伙伴们看了有所帮助。

这段时间一直在帮老师做项目比较忙经常课都没去上就泡在实验室里也没什么时间看其他东西了。我在项目中分配到了前端页面设计这一块有时候浏览网页看到移动端APP和html5最近都比较火的随着移动互联网快速发展尤其是4G时代已经来临加上微软在win10中搭载了新的浏览器edge取代了IE的地位所以现在很多网站都开始抛弃IE朝着html5发展这是一种趋势尤其是在移动端网页这块而PC端在不同浏览器之间还是有部分兼容性问题亟待解决但是不久的将来 html5将会成为浏览器标记语言的霸主。

什么是html5 html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言随后与W3C组织的xhtml2.0(标准)相结合产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+javascript+API

我们现在web前端开发的静态网页一般都是html4.01。同时符合W3C规范。那么他们两者直接又有什么实质性的区别呢

1.在文档类型声明上　　html:

XML/HTML Code复制内容到剪贴板

-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html5:

XML/HTML Code复制内容到剪贴板

由这两者对比可见：在文档声明上 html4有很长的一段代码并且很难记住这段代码想必很多人都是靠工具直接生成的吧而html5却是不同只有简简单单的声明这也方便人们的记忆。

2.设置页面字符编码在HTML5中可以使用对元素直接追加charset属性的方式来指定字符编码如下所示：

html:

html5:

从HTML5开始对于文件的字符编码推荐使用UTF-8。

3.在结构语义上　　html:没有体现结构语义化的标签我们通常都是这样来命名的div id="header".这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的标签比如:header、article、footer

提供这样的标签有什么样的好处呢我觉得最主要还是在SEO的优化上不管是我们自己来对网页模块命名还是有这样的标签。因为做网站最终的目的只有一个那就是盈利。想盈利的话就只有通过SEO优化的技术把你网站排名做上来这样你的网站才有价值正是这一点 html5符合了这一点。为什么这么说呢因为他定义的这些标签更加有利于优化蜘蛛能识别你。

4.其他新增内容新增的input类型包括：number(数字) date(日期) color(颜色) range(范围)等等。

新的内联元素包括 time、meter 和 progress。

新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。

5.标签替代FlashFlash给很多Web开发者带来了麻烦要在网页上播放Flash需要一堆代码和插件。标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前标签还不能实现Flash的所有功能但是很快就会让 Flash看起来老土哈哈！

6.废除的元素能用css替代的元素：对于basefont、big、font、s、tt、u、这些元素由于它们的功能都是纯粹的画面展示服务的而HTML5中提倡把画面展示性功能放在css样式中统一编辑所以将这些元素废除。

不再使用Frame框架：由于frame框架对网页可用性存在负面影响 html5中不支持frame 只支持iframe框架或者用服务器创建的多个页面组成的复合页面的形式。

只有部分浏览器支持的元素：applet、bgsound、blink、marquee等元素。bgsound和marquee只被ie支持被html5废除。其中applet元素可由embed元素或object元素替代 bgsound元素可由audio元素替代 marquee可以由javascript编程方式替代。

总结：虽然在前几年html5已经出来了但是那时候因为不够成熟时机不对才没被兴起。在这互联网高速发展的时候也是来临4G的时代。我们还不学习hml5+css3我们就out了！

来源：爱蒂网

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时候联系我们修改或删除，多谢。