HTML5

目录

一、语义化标签

二、增强型表单 

2.1 html5 添加了一些新的input输入特性，改善更好的输入控制和验证。

2.2  html5新增了五个表单元素

2.3 html5新增表单属性

三、视频和音频

3.1 音频 

3.2 视频 

四、Canvas 绘图 

五、SVG 绘图

5.1 什么是SVG? 

5.2 SVG的优势

5.3 SVG与Canvas区别

六、地理定位

七、拖放API

八、WebWorker

九、WebStorage

9.1 sessionStorage 

9.2 localStorange

十、WebSocket

---

HTML5增加了十个大特性，但是 IE8 及以下不支持新特性。

一、语义化标签

html5语义标签，可以更方便清晰构建页面的布局。

标签	描述
<header>	定义文档的头部区域
<footer>	定义文档的尾部区域
<nav>	定义文档导航区域
<section>	定义文档中的节
<article>	定义文章
<aside>	定义页面以外的内容
<details>	定义用户可以看到或者隐藏的额外细节
<summary>	标签包含 details 元素的标题
<dialog>	定义对话框
<figure>	定义自包含内容，如：图表
<main>	定义文档主内容
<mark>	定义文档主内容
<time>	定义日期/时间

二、增强型表单 

2.1 html5 添加了一些新的input输入特性，改善更好的输入控制和验证。

输入类型（属性）	描述
color	主要用于选取颜色（可用于自定义颜色）
date	选取日期（可用于定义时间组件）
datetime	选取日期(UTC时间)  【注意： 这个 从 WHATWG HTML 中移除 ，并且不受浏览器支持】
datetime-local	选取日期（无时区）（日期和时间）
month	选择一个月份  【月份】
week	选择周和年        【哪年哪周】
time	选择一个 时间        【具体时间】
email	包含e-mail地址的输入域 【提交表单前会校验】 使用：<input type="email" id="email" pattern=".+@globex\.com" size="30" required>
number	数值的输入域   【只能输出数字，调整数字】
url	url地址的输入域
tel	定义输入电话号码和字段
search	用于搜索域
range	一个范围内数字值的输入域   【滑块  调整阈值】

2.2  html5新增了五个表单元素