HTML5梗概回顾
2017-11-24 本文已影响4人
CJ_景元
新特性
-
常见新元素
Canvas 元素
| 标签 | 描述 |
|---|---|
<canvas> |
基于 JavaScript 的绘图API |
多媒体元素
| 标签 | 描述 |
|---|---|
<audio> |
音频内容 |
<video> |
视频内容 |
<source> |
为媒体内容定义媒体资源 |
<embed> |
定义嵌入内容，比如 flash 插件 |
表单元素
由于支持性不好，有的已经在新标准中废弃，或者 IE 不支持，故不列出
语义和结构元素
| 标签 | 描述 |
|---|---|
<nav><section><aside><header><footer><article>
|
语义化的块级元素 |
<process> |
进度条 |
-
内联SVG
HTML5支持内联 SVG (可伸缩矢量图形) -
MathML
支持数学标记语言，用于展示数学运算 -
拖放元素
-
Web 存储
localStorage: 没有时间限制的储存
sessionStorage: 关闭页面后会被清除的储存 -
应用程序缓存
可以实现离线 Web 应用，网页的离线浏览，Vue.js 官网就实现了离线浏览
浏览器兼容性
大部分功能需要在 IE9+ 以上版本使用，有的甚至是 IE10+，但是我们也有办法让 IE6 - IE8 的浏览及进行支持，只需要一个html5shiv.js
<!--[if lt IE 9]>
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
