HTML5与HTML有哪些区别？
发表：紫石头原创模板堂 发表时间：2018-09-14 11:48:33 阅读：132次
作为前端开发的技术人员，必须掌握的技术之一就是Html，其他技术如Css，Java，JQuery等等都是基于Html的，那么Html和今天我们耳熟能详的Html5究竟有什么区别，或者说Html怎么发展到Html5的呢？一起了解一下Html5和Html的区别！
1、简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写<!doctype html>，这就行了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。
2、一个替代Flash的新<canvas>标记
对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着，要花几年时间加载和运行的臃肿的Flash视频的人来说，用新的<canvas>标记生成视频的技术已经到来。
目前，<canvas>标记并不能提供所有的Flash具有的功能，但假以时日，Flash必将从web上淘汰。我们拭目以待，因为很多人还并不认同这种观点。
3、新的<header>和<footer>标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些<header>和<footer>等新标记的出现，它们是专门为标志网站的这些部分设计的。
在开发网站时，你不在需要用<div>标记来标注网页的这些部分。
4、新的<section>和<article>标记
跟<header>和<footer>标记类似，HTML5中引入的新的<section>和<article>标记可以让开发人员更好的标注页面上的这些区域。
据推测，除了让代码更有组织外，它也能改善SEO效果，能让搜索引擎更容易的分析你的页面。
5、新的<menu>和<figure>标记
新的<menu>标记可以被用作普通的菜单，也可以用在工具条和右键菜单上，虽然这些东西在页面上并不常用。
类似的，新的<figure>标记是一种更专业的管理页面上文字和图像的方式。当然，你可以用样式表来控制文字和图像，但使用HTML5内置的这个标记更适合。
6、新的<audio>和<video>标记
新的<audio>和<video>标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称，它们是用来嵌入音频和视频文件的。
除此之外还有一些新的多媒体的标记和属性，例如<track>，它是用来提供跟踪视频的文字信息的。有了这些标记，HTML5使Web2.0特征变得越来越友好。问题在于，在HTML5还未被广泛的接受之前，Web2.0还是老的Web2.0。
7、全新的表单设计
新的<form>和<forminput>标记对原有的表单元素进行的全新的修改，它们有很多的新属性(以及一些修改)。如果你经常的开发表单，你应该花时间更详细的研究一下。
8、不再使用<b>和<font>标记
9、不再使用<frame>,<center>,<big>标记
事实上，已经记不清曾经何时用过这些标记了，所以，我并不为去除这些标记感到悲哀。相同的原因，有更好的标记能实现它们的功能——这很好，任何作废的标记从标准中剔除都是受欢迎的。
除了这些主要的变动外，还可以略提一下一些次要的改动，比如修改了<ol>标记的属性，让它能够倒排序，对<u>标记也做了修改。
所有这些次要的改动数量众多。而且新的修改也在不断的增加，因此，如果你想实时跟踪最新的动向，你需要经常的查看w3.org的HTML4和HTML5之间的不同这个页面。如果你很心急，想在你的工作中使用这些新的标记和属性，劝告你最好只是做实验，原因已经说的很清楚了，这些新标记和新属 性在将来也许会有很大的改变，所以，除非你不断的更新你的代码，它们很可能会过期失效。
十六年网站建设相关经验
一站式为您提供网站相关服务
欢迎扫码咨询
