HTML5
1 概述
HTML5 约等于html变化+css升级(css3)+js api的变化css
HTML5是目前html最新的版本,2014年10月29日标准规范制定完成html
2 在哪些地方有加强
* 语义:可以让你更恰当地描述你的内容是什么。
以前的 p ul ol ...
html5新增了不少语义的标签 提纲标签、表单标签
* 连通性:可以让你和服务器之间经过创新的新技术方法进行通讯
web socket 让浏览器和服务器之间保持持久联通
http 聊天室 定时器
* 离线 & 存储:可以让网页在客户端本地存储数据以及更高效地离线运行。
之前 MySql 持久化数据
如今 h5提供了用js操做小型迷你数据库 叫作sessionstorage localstoragehtml5
* 多媒体:使 video 和 audio 成为了在全部 Web 中的一等公民。 css3
* 2D/3D 绘图 & 效果
Canvas WebGL svgweb
* 性能 & 集成:提供了很是显著的性能优化和更有效的计算机硬件使用。
web worker 数据库
增长api 拖放api
* 设备访问 Device Access:可以处理各类输入和输出设备。
* 样式设计: 让做者们来创做更加复杂的主题吧!
css3api
3 html5语义化加强浏览器
基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>性能优化
新的规范
放宽标准,可是咱们要保持君子的"风骨"服务器
html5新增的提纲标签
h1~h6
<div class="logo"></div>
<div class="nav"></div>
html5中把经常使用的div提炼成标签
<section></section> 具有主题的区域
<article></article>
<nav></nav>
<header></header>
<footer></footer>
<aside></aside>
<hgroup></hgroup>
关于新增语义化标签说明:
* 语义上比div都大,因此他们都能包裹div,可是div不能包裹它们,这些语义化标签都属于块级元素,没有任何默认样式,用法其实同div
* 兼容 IE9开始兼容 IE8不能用标签,手机web能够放心使用,手机没有IE浏览器
新的语义元素
<figure>
<figcaption></figcaption>
</figure>
...
新增表单元素
text password radio checkbox submit button reset file
search tel url email color date number