HTML5对比HTML4主要改变和改进的示例分析，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
什么是html5？
html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后与W3C组织的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+javascript+API
我们现在web前端开发的静态网页，一般都是html4.01。同时符合W3C规范。那么他们两者直接又有什么实质性的区别呢？
1.在文档类型声明上
html:
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
html5:
XML/HTML Code复制内容到剪贴板
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
由这两者对比可见：在文档声明上，html4有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同， 只有简简单单的声明，这也方便人们的记忆。
2.设置页面字符编码
在HTML5中可以使用对<meta>元素直接追加charset属性的方式来指定字符编码， 如下所示：
html:<meta charset= “UTF-8 ”>
html5:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
从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.<canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就 能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能，但是很快<canvas>就会让 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对比HTML4主要改变和改进的示例分析的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
