HTML 5 新特性

最新推荐文章于 2024-10-15 13:31:06 发布

Henry2509885

最新推荐文章于 2024-10-15 13:31:06 发布

阅读量438

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/ben617822642/article/details/73484661

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

兼容性问题

IE 6 ~ 8 不支持 HTML 5

在中国，微软的IE浏览器排名第二，其份额为27.27%；
- IE9的份额为11.88%
- IE8的份额为10.41%
- IE7的份额为3.17%
- IE10的份额为1.81%）
- 数据来源于百度统计所覆盖的超过150万的站点

IE 的市场份额不算小，故需使用以下文件做兼容处理

The HTML5 Shiv，https://github.com/aFarkas/html5shiv/

处理内容：
- 兼容 createElement & createDocumentFragment 方法
- 初始化 H5 新增标签的样式

使用方法：在 HTML 中使用以下代码

<!--[if lt IE 9]>
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

文档头

<!DOCTYPE html>

新特性

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持，localStorage & sessionStorage
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
新的 API，拖放 & 地理定位
应用程序缓存，CACHE MANIFEST
服务器发送事件，server-sent event
全双工通信，WebSocket
独立运行的脚本，Web Workers，适用任务
- 编码/解码大字符串
- 复杂数学运算（包括图像或视频处理）
- 大数组排序

还有其他独立于 HTML 5 规范的新 API
- Web SQL，允许操作客户端 SQL

新语义元素

标签	描述
`<article>`	定义页面独立的内容区域。
`<aside>`	定义页面的侧边栏内容。
`<bdi>`	允许您设置一段文本，使其脱离其父元素的文本方向设置。
`<command>`	定义命令按钮，比如单选按钮、复选框或按钮
`<details>`	用于描述文档或文档某个部分的细节
`<dialog>`	定义对话框，比如提示框
`<summary>`	标签包含 details 元素的标题
`<figure>`	规定独立的流内容（图像、图表、照片、代码等等）。
`<figcaption>`	定义 `<figure>` 元素的标题
`<footer>`	定义 section 或 document 的页脚。
`<header>`	定义了文档的头部区域
`<mark>`	定义带有记号的文本。
`<meter>`	定义度量衡。仅用于已知最大和最小值的度量。
`<nav>`	定义导航链接的部分。
`<progress>`	定义任何类型的任务的进度。
`<ruby>`	定义 ruby 注释（中文注音或字符）。
`<rt>`	定义字符（中文注音或字符）的解释或发音。
`<rp>`	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
`<section>`	定义文档中的节（section、区段）。
`<time>`	定义日期或时间。
`<wbr>`	规定在文本中的何处适合添加换行符。

已移除元素

以下的 HTML 4.01 元素在HTML5中已经被删除:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>