这段时间一直在帮老师做项目比较忙，经常课都没去上，就泡在实验室里，也没什么时间看其他东西了。我在项目中分配到了前端页面设计这一块，有时候浏览网页看到移动端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:
- <!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:
- <!DOCTYPE html>
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符合了这一点。为什么这么说呢？因为他定义的这些标签，更加有利于优化，蜘蛛能识别你。
