浅谈：html5和html的区别
2016-04-20 12:02
429 查看
http://www.duanliang920.com/learn/web230.html
这几天真的太忙了，白天要上课，晚上还要策划客户的网站方案，经常弄到一两点才睡，也没什么时间去学习了。不过最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词。可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下。“html5+css3”也逐渐的成为新一代web前端技术，手机网站也渐渐的成为一种趋势。
什么是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">
<html xmlns="http://www.w3.org/1999/xhtml">
html5:<!doctype html>
由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆。
2.在结构语义上
html:没有体现结构语义化的标签，我们通常都是这样来命名的<div id="header"></div>.这样表示网站的头部。
html5:在语义上却有很大的优势。提供了一些新的标签，比如:<header><article><footer>
提供这样的标签有什么样的好处呢？我觉得最主要还是在SEO的优化上，不管是我们自己来对网页模块命名，还是有这样的标签。因为做网站最终的目的只有一个，那就是盈利。想盈利的话，就只有通过SEO优化的技术，把你网站排名做上来，这样你的网站才有价值，且正是这一点，html5符合了这一点。为什么这么说呢？因为他定义的这些标签，更加有利于优化，蜘蛛能识别你。
总结：虽然在前几年html5已经出来了，但是那时候因为不够成熟，时机不对，才没被兴起。在这互联网高速发展的时候，也是来临4G的时代。我们还不学习hml5+css3我们就out了！
html5作为下一代的标准语言，有很大的意义，很简单广泛的应用。扩展性上：增加一系列的API支持（Canvas、本地存储、文件操作、重力感应等），非常的强大，以后有什么新的标准支持可以不断更新；商业角度：帮助企业降低开发成本、缩短开发周期、可以跨设备等；战略上：不知道大家有没有注意到，html5和云的概念是对应有关联的性的，以后会实现一种场景——用户只需要打开设备，然后浏览器（html5）就可以查看应用（载体是云），并且实现的用户体验超级棒，很酷炫，可能慢慢会替代本地应用。
这几天真的太忙了，白天要上课，晚上还要策划客户的网站方案，经常弄到一两点才睡，也没什么时间去学习了。不过最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词。可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下。“html5+css3”也逐渐的成为新一代web前端技术，手机网站也渐渐的成为一种趋势。
什么是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">
<html xmlns="http://www.w3.org/1999/xhtml">
html5:<!doctype html>
由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆。
2.在结构语义上
html:没有体现结构语义化的标签，我们通常都是这样来命名的<div id="header"></div>.这样表示网站的头部。
html5:在语义上却有很大的优势。提供了一些新的标签，比如:<header><article><footer>
提供这样的标签有什么样的好处呢？我觉得最主要还是在SEO的优化上，不管是我们自己来对网页模块命名，还是有这样的标签。因为做网站最终的目的只有一个，那就是盈利。想盈利的话，就只有通过SEO优化的技术，把你网站排名做上来，这样你的网站才有价值，且正是这一点，html5符合了这一点。为什么这么说呢？因为他定义的这些标签，更加有利于优化，蜘蛛能识别你。
总结：虽然在前几年html5已经出来了，但是那时候因为不够成熟，时机不对，才没被兴起。在这互联网高速发展的时候，也是来临4G的时代。我们还不学习hml5+css3我们就out了！
html5作为下一代的标准语言，有很大的意义，很简单广泛的应用。扩展性上：增加一系列的API支持（Canvas、本地存储、文件操作、重力感应等），非常的强大，以后有什么新的标准支持可以不断更新；商业角度：帮助企业降低开发成本、缩短开发周期、可以跨设备等；战略上：不知道大家有没有注意到，html5和云的概念是对应有关联的性的，以后会实现一种场景——用户只需要打开设备，然后浏览器（html5）就可以查看应用（载体是云），并且实现的用户体验超级棒，很酷炫，可能慢慢会替代本地应用。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 完美解决ie8以下不兼容h5的方法
- HTMl5的存储方式sessionStorage和localStorage详解
- HTML5中Access-Control-Allow-Origin解决跨域问题
- WEX5常用组件介绍
- 浅谈HTML5 WebSocket的机制
- HTML5canvas元素
- 学习h5第一天的心得
- H5上传图片和获得图片关键代码
- HTML5 LocalStorage 本地存储
- HTML5，让 Ajax 动态改变 URL 且支持后退
- h5浏览器获取当前所在位置
- HTML5 --Web Workers
- HTML5 在canvas中绘制复杂形状
- 四，细说 HTML5 之 新增的非主题结构元素
- html5中input弹窗时，不弹出输入法弹出。
- html5获取用户当前的地理位置，即经纬度。
- H5 progress标记
- 移动设备wap手机网页html5通过特殊链接：打电话，发短信，发邮件详细教程
- wex简介
- Markdown——入门指南