浅谈：html5和html的区别

作者: Pitfalls | 来源:发表于2016-06-17 15:41 被阅读911次

浅谈：html5和html的区别
XHTML和HTML5的区别（来源于“博客园”，侵删）
HTML
html5与css3的简单介绍1
HTML和HTML5之间有什么区别？
HTML和HTML5之间有什么区别？
Html5与Html4的区别
html和html5的区别
html5和html的区别
前端面试每日 3+1 —— 第33天

1、取消了一些过时的 HTML4的标签

其中包括纯粹显示效果的标记，如<font>和<centwer>，它们已经被 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、新的全局属性：id, tabindex, repeat

4、文件类型声明

5、新的JS API

什么是html5呢？

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

HTML+CSS 3+JS+API。

hmtl5于html的区别

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

1.在文档类型声明上

html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html5:<!doctype html>

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

2.在结构语义上

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

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

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

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

2016年6月