链接:https://www.nowcoder.com/questionTerminal/a99c642a9fd94424a68b03c7675a05b8
来源:牛客网
Question 1:HTML5有哪些新特性、移除了哪些元素?
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:用来处理命令按钮。
移除:
移除的特性:
纯表现的元素
- <basefont> 默认字体,不设置字体,以此渲染
- <font> 字体标签
- <center> 水平居中
- <u> 下划线
- <big> 大字体
- <strike> 中横线
- <tt> 文本等宽
框架集
- <frameset>
- <noframes>
- <frame>
Question2 说说你对HTML5认识?(是什么,为什么)
是什么:
- HTML5指的是包括 HTML 、 CSS 和 JavaScript 在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务( Plug-in-Based Rich Internet Application , RIA ),例如: AdobeFlash 、 Microsoft Silverlight 与 Oracle JavaFX 的需求,并且提供更多能有效加强网络应用的标准集。
- HTML5 是 HTML 最新版本, 2014 年 10 月由万维网联盟( W3C )完成标准制定。目标是替换 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准,以期能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求。
为什么:
- HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网。为了增强浏览器功能 Flash 被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电、触摸、不开放)。
- HTML5增强了浏览器的原生功能,符合 HTML5 规范的浏览器功能将更加强大,减少了 Web 应用对插件的依赖,让用户体验更好,让开发更加方便,另外 W3C 从推出 HTML4.0 到 5.0 之间共经历了 17 年, HTML 的变化很小,这并不符合一个好产品的演进规则。
Question3 对WEB标准以及W3C的理解与认识?
优点:
标签闭合、标签小写、不乱嵌套——>XHTML;
提高搜索机器人搜索几率——>DOM;
使用外 链css和 js 脚本-——>结构行为表现的分离;
文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问,
容易维护、改版方便,
提高网站易用性。
Question4 HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
- 什么是web标准:一系列标准的集合,包括结构化标准语言(html等)、表现标准语言(css)、行为标准语言(EMCAScript等)。这些标准大部分由万维网联盟起草和发布
- 为什么使用web标准:为了解决因浏览器版本不同、软硬件设备不同导致的需多版本开发的问题
- W3C:万维网联盟,是一个web开发的国际性联盟
1.行内元素
- a - 锚点
- abbr - 缩写
- b - 粗体 ( 不推荐 )
- bdo - bidi override
- br - 换行
- cite - 引用
- dfn - 定义字段
- em - 强调
- i - 斜体
- img - 图片
- input - 输入框
- kbd - 定义键盘文本
- label - 表格标签
- q - 短引用
- s - 中划线 ( 不推荐 )
- samp - 定义范例计算机代码
- select - 项目选择
- small - 小字体文本
- span - 常用内联容器,定义文本内区块
- strong - 粗体强调
- sub - 下标
- sup - 上标
- textarea - 多行文本输入框
- var - 定义变量
2.块元素 (block element)
- address - 地址
- blockquote - 块引用
- dir - 目录列表
- div - 常用块级容易,也是 css layout 的主要标签
- dl - 定义列表
- fieldset - form控制组
- form - 交互表单
- h3-大标题
- h4 - 副标题
- h3 - 3级标题
- h4 - 4级标题
- h5 - 5级标题
- h6 - 6级标题
- hr - 水平分隔线
- isindex - input prompt
- menu - 菜单列表
- noscript - )可选脚本内容(对于不支持 script 的浏览器显示此内容)
- ol - 排序表单
- p - 段落
- pre - 格式化文本
- table - 表格
- ul - 非排序列表
可变元素
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
- applet - java applet
- button - 按钮
- del - 删除文本
- iframe - inline frame
- ins - 插入的文本
- map - 图片区块 (map)
- object - object对象
- script - 客户端脚本
3.空元素 ( 在 HTML[1] 元素中,没有内容的 HTML 元素被称为空元素 )
- <br/> //换行
- <hr> //分隔线
- <input> //文本框等
- <img> //图片
- <link> <meta>