一、html5标准结构
二、新增标签
(一)结构标签:div标签
1)article:定义一篇文章
2)header: 定义一个页面或者区域的头部
3)nav: 定义导航链接
4)section:定义一个区域 – 用处比较大
5)aside>:定义页面内容部分的侧边栏
6)hgroup:定义一个文件中一个区域相关的信息
7)figure:定义一组媒体内容以及他们的标题
8)figcaption:定义figure元素的标题
9)footer:定义一个区域的底部
10)dialog:定义一个对话框(会话框)
注意:header/section/aside/article/footer 作为大标签存 在,Header/section/footer(级别最大) > aside/article/figure/hgroup/nav(作为内层)>div/figcaption
(二)多媒体标签
1)video:定义一个视频
2)audio:定义一个音频
3)source:定义媒体资源,视频需要添加视频资源,音频添加音频资源。
音频属性:
Autoplay: 自动播放
Controls:控件播放
Loop -1 : 无限循环
Src : 资源路径
视频属性:
Autoplay :自动播放
Controls: 显示控件
Height:设置播放器的高度
Weight: 设置播放器的宽度
Loop:循环播放
Src: 资源路径
Preload:预备播放 但是如果出现了autoplay 自动忽略
4)canvas标签 绘制图像 JavaScript
5)embed: 定义外部的可交互的内容或者插件
(三)web应用标签——状态标签
1)meter:实时状态显示
属性:
High:界定为高的范围
Low:低的范围
Max:范围内的最大值
Min:最小值
Optimum :最优值
Value:实际值
2)progress:任务过程,比如安装和下载
(四)新增列表标签
1)datalist:1、为input标签定义一个下拉列表 配合option。
2)Details :定义一个元素的详细内容,配合summary
(五)注释标签
1)ruby:注释和音标
2)rt:2、对ruby的注释内容
3)rp:不支持ruby标签的浏览器使用,不能放在rt标签内。
(六)其他标签
1)mark:哪个需要标记就标记哪个,选中的状态为黄色。
2)output标签:定义一些输出类型,计算表单的结果 配合oninput事件
(七)删除标签
1)纯表现的元素:Basefont big center font s strike tt u
2)对可用性产生负面影响的元素:frame framest noframes
3)产生混肴的标签:acronym applet isindex dir