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

前端面试题（4）

打卡

2021-4-28

HTML

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

HTML5新增27个元素
移除16个元素

根据现有的标准规范，把 HTML5的元素
按 优先级 定义为+---结构性属性
|---级块性元素       4大类
|---行内语义性元素
+---交互性元素

结构性元素 --> 负责上下文结构的定义
section：用于区域的章节描述
header：页面主体上的头部
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：用来处理命令按钮

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

html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和HTML5?
* HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localSt ...
HTML5有哪些新特性
HTML5有哪些新特性.移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5? HTML5 是定义 HTML 标准的最新的版本. 该术语表示两个不同的概念: 它 ...
前端教程：HTML5有哪些新特性？
当我们进行Web开发时,使用Html是非常重要的,因为它包含了最基本的网页结构,尽管Html只能帮助我们构建静态网页,但这是我们最不能缺少的部分,如果将网页比作房屋,那么Html就是基础,今天就跟随小 ...
前端HTML5十大新特性详细总结
前端HTML5十大新特性总结一必须知道写前端的都知道,在代码最前面都有这一行代码,大家都知道一定要把这东西写上去. <!DOCTYPE html> 但是!这是什么玩意儿?为什么要写上 ...
【Day05】Html5 有哪些新特性？如何处理 Html5 新标签的浏览器兼容问题？如何区分 Html 和 Html5？
Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5? 一.Html5 新特性 1. 拖拽释放(Drag and drop)API 2. 语义化更 ...
开课吧：Html5有哪些新特性？
在编程中,语义指的是一段代码的含义,这个HTML元素有什么作用,扮演了什么样的角色.简单的概括为:在适当的位置使用适当的标签,用正确的标签做正确的事情 Html5有哪些新特性? Html5有哪些新特性 ...
HTML5超酷新特性WebSockets初体验
人人网Web前端开发工程师暴风彬彬(网名),在个人网站彬Go上发表了一篇博文<HTML5 WebSockets 基础使用教程>,和大家一起分享了如何利用HTML5超酷新特性WebSocke ...
html5表单新特性
html5表单新特性学习的笔记,记录备忘. 效果图: 代码: <!DOCTYPE html> <html><head><meta charset=" ...
【面试】HTML5 有哪些新特性？_声明方式
最近看了一些与html基础相关的入门教学视频,心得感悟只有:不同特性的标签记住就好了!但理智告诉我,一切还未正式开始.肿么办?-_-# 是不是可以根据具体html的面试问题对理论知识进行认知拓展与实践 ...

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

前端面试题（4）

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

最新文章

热门文章