HTML5有哪些新特性、移除了哪些元素？

分手后的思念是犯贱 2022-12-27 07:36 194阅读 0赞

> Html5新增了 27 个元素，废弃了 16 个元素，根据现有的标准规范，把 HTML5 的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素 4 大类。

结构性元素主要负责web上下文结构的定义

**section**：在 web 页面应用中，该元素也可以用于区域的章节描述。

**header**：页面主体上的头部， header 元素往往在一对 body 元素中。

**footer**：页面的底部（页脚），通常会标出网站的相关信息。

**nav**：专门用于菜单导航、链接导航的元素，是 navigator 的缩写。

**article**：用于表现一篇文章的主体内容，一般为文字集中显示的区域。

级块性元素主要完成web页面区域的划分，确保内容的有效分割。

**aside**：用于表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容。

**figure**：是对多个元素进行组合并展示的元素，通常与 ficaption 联合使用。

**code**：表示一段代码块。

**dialog**：用于表达人与人之间的对话，该元素包含 dt 和 dd 这两个组合元素， dt 用于表示说话者，而 dd 用来表示说话内容。

行内语义性元素主要完成web页面具体内容的引用和描述，是丰富内容展示的基础。

**meter**：表示特定范围内的数值，可用于工资、数量、百分比等。

**time**：表示时间值。

**progress**：用来表示进度条，可通过对其 max 、 min 、 step 等属性进行控制，完成对进度的表示和监事。

**video**：视频元素，用于支持和实现视频文件的直接播放，支持缓冲预载和多种视频媒体格式。

**audio**：音频元素，用于支持和实现音频文件的直接播放，支持缓冲预载和多种音频媒体格式。

交互性元素主要用于功能性的内容表达，会有一定的内容和数据的关联，是各种事件的基础。

**details**：用来表示一段具体的内容，但是内容默认可能不显示，通过某种手段（如单击）与 legend 交互才会显示出来。

**datagrid**：用来控制客户端数据与显示，可以由动态脚本及时更新。

**menu**：主要用于交互菜单（曾被废弃又被重新启用的元素）。

**command**：用来处理命令按钮。

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 元素的属性有哪些？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ class ⭐ id ⭐ style ⭐ src ⭐ href ⭐ alt ⭐

╰半夏微凉°/ 2023年10月14日 12:56/ 0 赞/ 54 阅读

相关 HTML5和CSS3新特性有哪些

HTML5 （1）问题分析对于目前市场上来说HTML5中需要掌握的新特性有： 1.拖拽释放(Drag and drop) API 2.语义化更好的内容标签（h

古城微笑少年丶/ 2023年10月07日 16:24/ 0 赞/ 28 阅读

相关 html块级元素有哪些

> html块级元素有address、caption、dd、div、dl、dt、fieldset、form、h1、h2、h3、h4、h5、h6、hr、legend、fields

我不是女神ヾ/ 2023年09月27日 17:04/ 0 赞/ 105 阅读

相关 HTML5面试题-canvas 元素有什么用？HTML5 有哪些新特性，移除了哪些元素？

canvas 元素有什么用 HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，开发人员可以控制其每一像素。 canva

超、凢脫俗/ 2023年06月12日 09:16/ 0 赞/ 4 阅读

相关 HTML5有哪些新特性、移除了哪些元素？

前端面试题（4）打卡 `2021-4-28` HTML `HTML5` 有哪些新特性、移除了哪些元素？ HTML5新增`27`个元素移除`16`个元

梦里梦外;/ 2023年01月17日 09:29/ 0 赞/ 154 阅读

相关 HTML5有哪些新特性、移除了哪些元素？

> Html5新增了 27 个元素，废弃了 16 个元素，根据现有的标准规范，把 HTML5 的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素 4 大类。

分手后的思念是犯贱/ 2022年12月27日 07:36/ 0 赞/ 195 阅读

相关 [三分钟笔记]HTML5有哪些新特性

1、语义化的标签 header footer nav section aside article 2、多媒体标签 video audio 3、webstorage本地缓存

川长思鸟来/ 2022年11月05日 08:48/ 0 赞/ 194 阅读

相关 Swift 3 有哪些新特性？

自 Swift 开源以来，Swift 的开发与演变已经完全由社区和核心团队所共同主导，它们在 Swift 3 当中为我们带来了巨大的变化和改进，而这正是我们所需要详细了解的。这

怼烎@/ 2022年07月16日 12:12/ 0 赞/ 301 阅读

相关 html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。 1、新特性：拖拽释放(Drag and drop) API 语义化更

以你之姓@/ 2022年05月27日 11:08/ 0 赞/ 204 阅读

相关 Java 14 有哪些新特性？

记录为 Java 提供了一种正确实现数据类的能力，不再需要为实现数据类而编写冗长的代码。下面就来看看 Java 14 中的记录有哪些新特性。 ![format_png][]

淩亂°似流年/ 2021年08月19日 18:14/ 0 赞/ 456 阅读