HTML5新特性及新标签归纳

来源:互联网 发布:网站结构优化 编辑:程序博客网 时间:2024/04/24 05:01

1、HTML5新特性归纳

1)语义化
2)本地存储
3)设备兼容
4)连接特性,能够帮助我们将数据推送到客户端
5)网页多媒体特性
6)三维、图形及特效特性
7)性能与集成特性
8)css3特性

2、HTML5新标签归类

1)结构标签

<head>定义页面或者区域头部
<main>规定文档主要内容
<footer>定义页面或者区域底部
<article>定义一篇文章
<nav>定义导航链接
<scetion>定义一个区域
<aside>定义页面内容部分侧边栏
<hgroup>用于对网页或者区域段的标题组合
<figure>定义一组媒体内容以及标题
<figcaption>定义figure元素标题
<address>定义文章拥有者的联系信息

2)行标记

<time>定义时间、日期
<mark>高亮显示文字

3)多媒体交互标签

<video>定义一个视频
<audio>定义一个音频
<source>定义媒体资源标签
<canvas>定义图形
<embed>定义可交互的内容或者插件

4)web应用标签

<progress>状态标签、进度条
<mark>定义有标记的文本(默认是黄色选中内容)
<output>定义一些输出内容,计算表单结果配合oninput事件
<datalist>为input标记定义一个下拉option
(用法:
<input type="text" list="list1">
<datalist id="list1">
<option>
.
.
.
<option>
</datalist>
原创粉丝点击