HTML一直在用,也没在意他是哪个版本,只知道会用就好,什么head啊,table表格啊,select啊等等,最近不是很忙,就来看看HTML5相关的东西,第一次初识HTML5还是关于乔布斯,他的ipad不支持flash,很蛋疼很扰恼,所以就激发了adobe公司放弃研发flash新的版本,那么HTML5才慢慢浮现在我们的视线中来。网上资料很多,但是没有集成块的知识点,所以就下载一本国外的PDF电子书《HTML5高级教程》,不知道高不高级,看了才知道。
关于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,手机,平板上通用运行,不需要在做调整和优化。