html5标签变化

本文详细介绍了HTML5中的新标签,包括结构标签如article、section和footer,多媒体标签如video和audio,以及web应用标签如meter和progress。此外,还提到了列表标签、注释标签和其他实用标签,如mark和output,以及被删除的过时标签。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值