HTML5新标签

本文详细探讨了HTML中的关键标签如<section>,<article>,<aside>,<header>,<footer>等在构建网页结构和内容组织方面的功能与应用,同时介绍了用于独立内容展示的<figure>,多媒体元素展示的<video>,<audio>等标签,以及如何通过<meter>,<progress>,<time>,<details>等标签实现特定的交互与显示效果。

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

结构标签

<section></section>: 区段

<article></article> : 定义独立的内容(论坛帖子/报纸文章/博客条目/用户评论)

<aside></aside> : 定义其所处内容之外的内容(侧栏)

<header></header> : 定义文档的页眉(介绍信息)

<hgroup></hgroup> : 用于对网页或区段(section)的标题进行组合。使用 <figcaption> 元素为元素组添加标题

<footer></footer> : 定义 section 或 document 的页脚(元素会包含创作者的姓名、文档的创作日期以及/或者联系信息)。

                                      假如您使用 footer 来插入联系信息,应该在 footer 元素内使用 <address> 元素

<nav></nav> : 定义导航链接的部分


内容标签

<figure></figure> : 独立的流内容(图像、图表、照片、代码等等)

<video></video> : 定义视频,比如电影片段或其他视频流

<audio></audio> : 定义声音,比如音乐或其他音频流

<embed></embed> : 定义嵌入的内容,比如插件

<canvas></canvas> : 标签定义图形,比如图表和其他图像。标签只是图形容器,您必须使用脚本来绘制图形


应用激活标签

<meter></meter> : 义度量衡。仅用于已知最大和最小值的度量

<progress></progress> : 定义运行中的进度(进程)

<time></time> : 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的

<details></details> : 用于描述文档或文档某个部分的细节

<command></command> : 可以定义命令按钮,比如单选按钮、复选框或按钮

<menu></menu> : 标签定义菜单列表。当希望列出表单控件时使用该标签。在 HTML 5 中,重新定义了 menu 元素,且使用用于排列表单控件。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值