|
自从2010年正式推出HTML5之后，它就以惊人的速度在发展着，而且，现在我们看到的网站，大多数也是用HTML5写出来的，它的受欢迎的程度也是越来越高，说HTML5是Web前端的主流技术之一，也并不为过。那么HTML5和HTML4有什么不同呢？
要搞清楚这个问题，我们就要先弄明白HTML5和HTML4的定义，HTML5是应用超文本标记语言(HTML)的第五次修改，HTML4是应用超文本标记语言(HTML)的第四次修改，他们分别是HTML语言第5和第4版本。HTML4在当年也是比较火的，但HTML4的产生，是为了互联网时代中的电脑端。现在互联网时代已经发展到了移动互联网的时代，基本上每人都会有一部手机随身携带，人们看新闻或者娱乐的方式也渐渐从电脑转移到了手机上了，因此HTML5就顺应时代的产生了。具体区别如下：
1、取消了一些过时的 HTML4的标签
其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被 CSS完全取代。
其他取消的属性：acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
2、添加了一些新的元素
比如：更加智能的表单标签：date, email, url 等；更加合理的标签：section, video, progress, nav, meter, time, aside, canvas等。
3、新的全局属性：contentEditable designMode hidden spellcheck tabindex
4、标记方法: 文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。
指定字符编码 <meta charset= UTF-8 >
5、新的JS API
6、保证了兼容性
可以省略标记元素
不允许写结束标记：如area base br
可以省略结束标记：如li dt
可以省略全部标记：如html head
看到这里，有的朋友可能就会问了，HTML5的这次发展性的改变，有哪些优点呢？
举个简单的例子来说吧，在HTML5出世之前，我们在制作页面的时候，选择的方式都是利用DIV和CSS来布局，模块是通过Class来区分的。但是在搜索引擎抓取页面内容的时候，爬虫并不能清晰的识别出每个DIV中的内容是什么，它只能通过猜测来判断这些DIV分别是哪些内容的容器，因为Class并不是浏览器通用的标准规范。大家可以理解为，整个HTML文档结构的定义是不清晰的。而在HTML5中，这个问题被**的解决了，HTML5中专门添加了页眉、页脚、导航、文章内容等结构元素标签。
总的来说，HTML5的出现帮助我们解决了浏览器兼容问题、文档结构不明确的问题以及Web应用程序功能受限等问题。
因此，在HTML5火热并在上升的时候，加入这个行业，也是一个很不错的选择。 |
