1.HTML5初识
2011-12-28 16:42
211 查看
HTML一直在用,也没在意他是哪个版本,只知道会用就好,什么head啊,table表格啊,select啊等等,最近不是很忙,就来看看HTML5相关的东西,第一次初识HTML5还是关于乔布斯,他的ipad不支持flash,很蛋疼很扰恼,所以就激发了adobe公司放弃研发flash新的版本,那么HTML5才慢慢浮现在我们的视线中来。网上资料很多,但是没有集成块的知识点,所以就下载一本国外的PDF电子书《HTML5高级教程》,不知道高不高级,看了才知道。
关于HTML5,发展历史就不介绍了。它有4个新的设计准则。
一. 兼容性。
书上介绍,HTML5不算什么新的发明,其实1994 HTML4就已经出现,HTML5只不过在原来版本上新的改造,加入新的标签,加入新的内容,整理出更加规范的API,所以兼容性很好,一般版本的浏览器( IE 6 除外,不解释!)升级后都能进行解析和运行。
二. 实用性。
HTML5实用性之一是考虑到用户体验,设计之初就考虑到用户体验了,用户体验放到第一位,无论增加还是删去某个标签,某个主键,都会把用户体验放到第一位,比如:
HTML5的实用性之二是引入新的安全模块,安全性方面有了很好的提升。不仅易用,而且对各种不同的API都通用。
HTML5的实用性之三就是分离的很潇洒,很霸气,以往我们做HTML 的程序时候,或许会用到CSS,但是很多都是内嵌的样式,导致整个页面很臃肿,运行速度很慢,这样直接导致被搜索引擎收纳的效率就很低了。所以,HTML5 再表现与分离方面做出了很大的贡献,HTML 代码与CSS代码分离,层次清晰分明,运行速度飞跃。
HTML5的实用性之四就是化繁为简,在HTML中将大量的标签简化,这样更加方便我们的操作。
等等,更加方便的我们进行操作。
HTML5的实用性之五就是加入新的实用性的标签,还是集成人性化,google网页分析师分析上百万网页,发现设计师喜欢用<div id="header"><div id="footer">来表示为头部和尾部,那么为什么不把这个实用性的东西作为一个新的组建呢?所以HTML5就新加入了<header></header>和<></footer>来表示头部和脚部,既好记又实用。总的说来,部分新加入的元素有:
等等
三. 互通性。
反正是更好。
四. 通用访问性。
可以支持所有的语言,在PC,手机,平板上通用运行,不需要在做调整和优化。
关于HTML5,发展历史就不介绍了。它有4个新的设计准则。
一. 兼容性。
书上介绍,HTML5不算什么新的发明,其实1994 HTML4就已经出现,HTML5只不过在原来版本上新的改造,加入新的标签,加入新的内容,整理出更加规范的API,所以兼容性很好,一般版本的浏览器( IE 6 除外,不解释!)升级后都能进行解析和运行。
二. 实用性。
HTML5实用性之一是考虑到用户体验,设计之初就考虑到用户体验了,用户体验放到第一位,无论增加还是删去某个标签,某个主键,都会把用户体验放到第一位,比如:
id = "HTML5"; id = HTML5; ID="HTML5";在HTML5中都是可以识别的,且是同一个意思,有人或许不解,这不是不注重语法结构和语法严谨吗?我们说了,我们是按照用户体验放到第一位的,所以在设计上这样是可行的,但是,我们作为开发人员,应该知道注意语法严谨的哇,因为万一我们不严谨,出现错误,最后折磨的还是用户,来做修改的还是我们开发人员。
HTML5的实用性之二是引入新的安全模块,安全性方面有了很好的提升。不仅易用,而且对各种不同的API都通用。
HTML5的实用性之三就是分离的很潇洒,很霸气,以往我们做HTML 的程序时候,或许会用到CSS,但是很多都是内嵌的样式,导致整个页面很臃肿,运行速度很慢,这样直接导致被搜索引擎收纳的效率就很低了。所以,HTML5 再表现与分离方面做出了很大的贡献,HTML 代码与CSS代码分离,层次清晰分明,运行速度飞跃。
HTML5的实用性之四就是化繁为简,在HTML中将大量的标签简化,这样更加方便我们的操作。
//HTML老版本 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> //HTML5新版本 <!DOCTYPE html> <meta charset="utf-8" />
等等,更加方便的我们进行操作。
HTML5的实用性之五就是加入新的实用性的标签,还是集成人性化,google网页分析师分析上百万网页,发现设计师喜欢用<div id="header"><div id="footer">来表示为头部和尾部,那么为什么不把这个实用性的东西作为一个新的组建呢?所以HTML5就新加入了<header></header>和<></footer>来表示头部和脚部,既好记又实用。总的说来,部分新加入的元素有:
元素名 | 描述 |
header | 标记头部区域的内容 |
footer | 标记脚部区域的内容 |
section | web页面的一块区域 |
article | 独立的文章内容 |
aside | 相关内容或者引文 |
nav | 导航类辅助类容 |
audio,video | 向页面添加音频和视频信息 |
三. 互通性。
反正是更好。
四. 通用访问性。
可以支持所有的语言,在PC,手机,平板上通用运行,不需要在做调整和优化。
相关文章推荐
- Html5系列(一)初识Html5
- 初识html5之基本html结构
- 初识HTML5(一)
- 【初识HTML5】(5) : 动画
- 初识html5 -新的开始
- HTML5游戏开发引擎,初识CreateJS
- 初识HTML5的WebSocket
- HTML5初识
- 初识phaser框架——开源的HTML5 2D游戏开发框架
- HTML5——初识html5
- 【Cocos2d-html5】初识Cocos2d-html5
- (1)初识HTML5
- 2016.05.12初识HTML5-01
- 初识 HTML5(一)
- 初识HTML5(二)
- 1-HTML5初识
- html5 CSS3-----transform初识
- 2016.05.13初识HTML5-02
- bootstrap学习起步篇:初识bootstrap之html5语法构建hello篇(一)
- HTML5 canvas元素初识