HTML5面试必备：常见问题与解答

版权申诉

86 浏览量更新于2024-07-20 收藏 877KB DOCX 举报

HTML5面试题与知识点 1. **DOCTYPE的作用**： DOCTYPE声明定义了HTML文档的类型，告诉浏览器按照哪个HTML版本的标准来解析页面。如果DOCTYPE不存在或者格式错误，浏览器会进入混杂模式。 2. **严格模式与混杂模式**： - 严格模式：遵循Web标准，不允许使用非标准或过时的HTML语法，确保页面结构和样式分离。 - 混杂模式：为了兼容旧版网页，浏览器采用一种宽松的解析方式，允许一些非标准的HTML和CSS。 3. **触发模式**： - 触发严格模式：在HTML文档开头正确声明DOCTYPE，如`<!DOCTYPE html>`. - 触发混杂模式：不声明DOCTYPE或者在DOCTYPE前加入XML声明，或者使用旧版DOCTYPE。 4. **HTML5新标签**： `<article><aside><audio><canvas><datalist><command><details><embed><figcaption><figure><footer><header><hgroup><keygen><mark><nav><section><time><video><summary><meter><output><progress><source>` 这些都是HTML5引入的语义化标签，用于增强页面内容的结构和可读性。 5. **HTML5语义化理解**： - 提供了更好的内容结构，使得浏览器和搜索引擎更容易理解页面内容。 - 在无CSS样式的情况下仍保持良好的可读性。 - 对搜索引擎优化（SEO）友好，帮助提升关键词的权重。 - 方便开发者理解和维护页面，提高工作效率。 6. **IE haslayout属性**：在Internet Explorer中，haslayout是一个内部机制，决定元素是否负责自己的布局。当一个元素的haslayout为true时，它会计算自己的尺寸并安排其内容。可以通过以下方式激发元素的haslayout： - 设置元素的width或height属性。 - 设置position属性为absolute或fixed。 - 其他CSS属性，如zoom:1或display:inline-block等。 7. **CSS3新特性**： HTML5常常与CSS3一起提及，CSS3引入了新的选择器、过渡效果、动画、多列布局、边框图像、圆角、阴影等特性，大大增强了网页的视觉表现力和交互性。 8. **离线存储**： HTML5的离线存储（Offline Storage）通过`Application Cache`允许网页在离线状态下也能访问，通过缓存关键资源，提高用户体验。 9. **拖放功能**： HTML5提供了拖放API，使得用户可以轻松地在网页上实现元素的拖放操作，增强用户交互。 10. **Web Workers和Web Storage**： - Web Workers允许在后台执行脚本，处理大量计算任务，提高网页性能。 - Web Storage（包括localStorage和sessionStorage）提供比Cookie更大的存储空间，用于在用户浏览器中存储数据。以上内容涵盖了HTML5的一些核心概念、新特性以及与前端开发相关的面试知识点。理解并掌握这些知识对于前端开发者来说至关重要，特别是在面试环节。

们都是 7! 对象的方法。而且 7! 对象的方法还不止这些)

宿主对象4C+" 中的“宿主”就是我们网页的运行环境，即“操作系统”和“浏览器”。

所有非本地对象都是宿主对象（#5），即由 C+"实现的宿主环境提供

的对象。所有的 B 和  对象都是宿主对象。因为其对于不同的“宿主”环境所展

示的内容不同。其实说白了就是，C+" 官方未定义的对象都属于宿主对象，因

为其未定义的对象大多数是自己通过 C+" 程序创建的对象。自定义的对象也是

宿主对象。

二十、输入 url 后的加载过程

( 查找域名对应 0 地址

* 建立连接 的三次握手

, 构建网页

. 断开连接 的四次挥手

二十一、说说 TCP 传输的三次握手四次挥手策略

为了准确无误地把数据送达目标处， 协议采用了三次握手策略。用  协议把

数据包送出去后， 不会对传送后的情况置之不理，它—定会向对方确认是否成功

送达。握手过程中使用了  的标志：+@ 和 CR。

发送端首先发送—个带 +@ 标志的数据包给对方。接收端收到后，回传—个带有

+@2CR 标志的数据包以示传达确认信息。

最后，发送端再回传—个带 CR 标志的数据包，代表“握手”结束。

若在握手过程中某个阶段莫名中断， 协议会再次以相同的顺序发送相同的数据

包。

断开—个  连接则需要“四次挥手”：

第—次挥手：主动关闭方发送—个 A0@，用来关闭主动方到被动关闭方的数据传送，

也就是主动关闭方告诉被动关闭方：我已经不会再给你发数据了当然，在  包之前

发送出去的数据，如果没有收到对应的 !' 确认报文，主动关闭方依然会重发这些数

据，但是，此时主动关闭方还可以接受数据。

第二次挥手：被动关闭方收到 A0@ 包后，发送—个 CR 给对方，确认序号为收到序

号S(（与 +@ 相同，—个 A0@ 占用—个序号）。

第三次挥手：被动关闭方发送—个 A0@，用来关闭被动关闭方到主动关闭方的数据传

送，也就是告诉主动关闭方，我的数据也发送完了，不会再给你发数据了。

第四次挥手：主动关闭方收到 A0@ 后，发送—个 CR 给被动关闭方，确认序号为收

到序号S(，至此，完成四次挥手。

二十二、 JQuery 中有几种类型的选择器

()层叠选择器TU"J

*)基本过滤选择器 4"#4!#4

,)内容过滤选择器4$$4V4!!$

.)可视化过滤选择器 4$$4%#

9)属性过滤选择器：$%K$L

<)子元素过滤选择器4"#D$4!#D$44$

3)表单元素过滤选择器 4!$4$#!$4'$4#$

>)$6类，类型6元素)))

二十三、 jQuery 中的 Delegate()函数有什么作用

$&!方法为指定的元素（属于被选元素的子元素）添加—个或多个事件处理程

序，并规定当这些事件发生时运行的函数。

使用 $&!方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的

新元素）。TM$%M)$&!MM6M'M6F

TMM)#$&&OGO

二十四、行内元素有那些。块级元素有那些。空元素有哪些

首先：++ 规范规定，每个元素都有 $#! 属性，确定该元素的类型，每个元素都

有默认的 $#! 值，如 $% 的 $#! 默认值为“'J，则为“块级”元素；#! 默认

$#! 属性值为“J，是“行内”元素。

（(）行内元素有：!#!##"&（强调的语气）&（内联元素）

（*）块级元素有：$%$$$$(*,.W

（,）常见的空元素：

""&'!

鲜为人知的是：

!"!!#!$$'&!"!#""!'"



二十五、说几条 javasprit 的基本规范

()不要在同—行声明多个变量。

*)请使用 NNN2NN来比较 "2!# 或者数值

,)使用对象字面量替代 C""! 这种形式

.)不要使用全局函数。

9)+ 语句必须带有 $! 分支

<)函数不应该有时候有返回值，有时候没有返回值。

3)A" 循环必须使用大括号

>)0 语句必须使用大括号

=)"D 循环中的变量应该使用 %!" 关键字明确限定作用域，从而避免作用域污染。

二十六、介绍—下标准的 css 盒模型，低版本 ie 盒模型有什么不同

（(）盒模型有两种， 0盒子模型、/,盒子模型；

（*）盒模型：内容、填充!$$&、边界!"&、边框"$"；

（,）区别： 0 的 $ 部分把 "$"和 !$$& 计算了进去O

二十七、说出三种减少页面加载的方法（加载时间指感知的时间或实

剩余63页未读，继续阅读

麦田上的字节

粉丝: 3w+
资源: 352

HTML5面试必备：常见问题与解答

40个重要的HTML5面试题及答案

经典的H5面试题

运维面试题(含答案).docx

几率大的网络安全面试题（含答案）.docx

大学生心理健康教育试题(含答案)..docx

人工智能面试题共50题含答案和解析.docx

宪法题目(含答案分析).docx

安规考试题含答案知识讲解.docx

Java面试题大全（答案版）.docx

最新银行从业资格考试题库(含答案)知识.docx

最新资源