1.HTML5初识

来源：互联网发布：曦力音视频转换 mac 编辑：程序博客网时间：2024/04/29 10:49

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标记脚部区域的内容sectionweb页面的一块区域article独立的文章内容aside相关内容或者引文nav导航类辅助类容audio,video向页面添加音频和视频信息等等

三. 互通性。

反正是更好。

四. 通用访问性。

可以支持所有的语言，在PC，手机，平板上通用运行，不需要在做调整和优化。