html5新增的标签有哪些

devtools/2025/3/16 2:37:41/
htmledit_views">

HTML5新增的标签主要可以分为几类,以下是按照类别进行分点表示和归纳的HTML5新增标签:

  1. 结构性标签
    • <header>: 定义文档或节的头部。
    • <nav>: 定义导航链接。
    • <section>: 定义文档中的独立节。
    • <article>: 定义文档、页面、应用或网站中独立的内容区域。
    • <aside>: 定义页面的侧边栏内容。
    • <footer>: 定义文档或节的页脚。
    • <main>: 定义文档的主体内容。
  2. 多媒体标签
    • <video>: 定义视频或电影。
    • <audio>: 定义音频内容。
    • <source>: 为<video><audio>元素定义媒体资源。
    • <track>: 为<video><audio>元素定义文本轨道。
    • <embed>: 定义嵌入的内容,比如插件。
    • <canvas>: 用于在网页上绘制图形。
  3. 表单标签
    • <datalist>: 定义选项列表,与<input>元素配合使用,以提供“自动完成”功能。
    • <output>: 定义不同类型的输出,比如脚本的输出。
  4. 其他标签
    • <time>: 定义日期或时间。
    • <mark>: 定义高亮显示的文本。
    • <progress>: 定义任何类型的任务的进度。
    • <meter>: 定义已知范围或分数值内的标量测量。
    • <details>: 定义用户可见的或者隐藏的额外的细节。
    • <summary>: 定义<details>元素的可见标题。
    • <figure>: 规定独立的流内容(图像、图表、照片、代码等等)。
    • <figcaption>: 定义<figure>元素的标题(caption)。

这些新增的标签为HTML5提供了更多语义化的元素,使得网页结构更清晰,更易于理解和维护。同时,多媒体和表单相关的新增标签也为网页提供了更多的交互性和多媒体内容的支持。


http://www.ppmy.cn/devtools/48423.html

相关文章

Chrome 扩展 background 与content_script 之间通信

content_script 向 background 发消息要用&#xff1a;chrome.runtime.sendMessage chrome.runtime.sendMessage({event: "xhr", data:option }, function (res) { //option.onload(res);//console.log(res);if (res.event "xhr" && !res.err){op…

jmeter性能优化之mysql监控sql慢查询语句分析

接上次博客&#xff1a;基础配置 多用户登录并退出jmx文件&#xff1a;百度网盘 提取码&#xff1a;0000 一、练习jmeter脚本检测mysql慢查询 随意找一个脚本(多用户登录并退出)&#xff0c;并发数设置300、500后分别查看mysql监控平台 启动后查看&#xff0c;主要查看mysql…

基于Python + Flask+ Mysq实现简易留言板

使用Python Flask Mysql实现简易留言板&#xff0c;包括网友编辑留言、修改留言&#xff0c;删除留言、分页显示四大功能。 写出留言板建设过程&#xff0c;包括开发使用工具、留言板模块设计、数据库设计、页面设计、关键技术。 留言板建设过程总结 一&#xff0e;开发使用…

MySQL(5)

聚合函数 GROUP BY 的使用 需求&#xff1a;查询各个部门的平均工资&#xff0c;最高工资SELECT department_id,AVG(salary),SUM(salary)FROM employeesGROUP BY department_id;需求&#xff1a;查询各个job_id的平均工资SELECT job_id,AVG(salary)FROM employeesGROUP BY jo…

使用GPT-soVITS再4060下2小时训练声音模型以及处理断句带来的声音模糊问题

B站UP主视频 感谢UP主“白菜工厂1145号员工”的“熟肉”&#xff0c;我这篇笔记就不展示整一个训练和推理流程&#xff0c;重点写的4060该注意的一些事项。如何解决断句模糊的问题&#xff0c;在本篇笔记的最末尾。 相关连接&#xff1a; 原项目github UP主的说明文档 1、训…

Linux-笔记 全志平台OTG虚拟 串口、网口、U盘笔记

前言&#xff1a; 此文章方法适用于全志通用平台&#xff0c;并且三种虚拟功能同一时间只能使用一个&#xff0c;原因是此3种功能都是内核USB Gadget precomposed configurations的其中一个选项&#xff0c;只能单选&#xff0c;不能多选&#xff0c;而且不能通过修改配置文件去…

Django中使用下拉列表过滤HTML表格数据

在Django中&#xff0c;你可以使用下拉列表&#xff08;即选择框&#xff09;来过滤HTML表格中的数据。这通常涉及两个主要步骤&#xff1a;创建过滤表单和处理过滤逻辑。 创建过滤表单 首先&#xff0c;你需要创建一个表单&#xff0c;用于接收用户选择的过滤条件。这个表单可…

Java 对象(列表)复制【工具类】

Java当中常常会遇到对象的复制或者列表对象的复制&#xff0c;准备了一份工具类供大家参考&#xff1a; import org.springframework.beans.BeanUtils; import org.springframework.util.CollectionUtils;import java.util.ArrayList; import java.util.List; import java.uti…