前端面试必备：HTML5面试题与语义化解析

需积分: 12 113 浏览量更新于2024-07-15 收藏 244KB DOCX 举报

"这份文档是针对前端工程师的面试准备材料，包含了HTML5的相关问题和答案。文档详述了DOCTYPE的用途、严格模式与混杂模式的区别，以及如何触发这两种模式。此外，还列出了HTML5的20个新标签，强调了HTML5语义化的重要性和作用。关于IE的haslayout属性，文档提到了它是IE渲染引擎的一部分，用于控制元素的尺寸计算和组织方式，并列举了触发haslayout的一些CSS属性。" 详细说明： 1. **DOCTYPE的作用**：DOCTYPE声明定义了文档的类型，告诉浏览器应使用哪种HTML或XHTML规范来解析网页。在HTML5中，简单的`<!DOCTYPE html>`声明使得浏览器进入标准模式，确保了页面在所有现代浏览器中的统一呈现。 2. **严格模式与混杂模式**：严格模式遵循W3C的标准，不允许使用非标准特性，而混杂模式（quirks mode）则是为了保持与早期浏览器的兼容性，允许使用一些过时或非标准的HTML和CSS。不声明DOCTYPE或者使用不正确的DOCTYPE会触发混杂模式。 3. **HTML5新标签**：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>。这些标签有助于增强网页内容的结构性和可读性。 4. **HTML5语义化**：语义化HTML意味着使用恰当的标签来描述页面内容的结构，如<header>表示页眉，<footer>表示页脚，<article>代表独立的内容区块。这样做的好处包括：提高页面在无样式情况下的可读性，利于搜索引擎优化（SEO），以及便于屏幕阅读器和开发者理解页面结构。 5. **IE的haslayout属性**：在IE浏览器中，haslayout是一个内部属性，影响元素如何计算其尺寸和定位。当元素的haslayout为true时，它会自包含布局。可以通过设置某些CSS属性如width、height、display:inline-block等来激活haslayout，以解决一些在IE中出现的布局问题。这些知识点对于准备前端面试的工程师来说至关重要，它们涵盖了HTML的基础知识、浏览器兼容性问题，以及HTML5的新特性和语义化实践，这些都是评估前端开发者技能的关键点。通过深入理解和掌握这些内容，开发者能够创建更高效、更易维护的Web应用。

*．使用  托管资源

+．使用缓存

8．"N# 压缩需要的 4 和  文件

;． 标签优化（5#5$%）5" 标签的优化5 优化

2．反向链接，网站外链接优化

十九、 Javascipt 的本地对象，内置对象和宿主对象

本地对象：

4、@、B%、)"、A、?、、O".#、、 

、O"、O!、)%.、%#、PO-5简单来说，

本地对象就是 B 一 (;(定义的类'

内置对象：B 一 (;(把内置对象（ 一 4）定义为“由 B)#实

现提供的、独立于宿主环境的所有对象，在 B)#程序开始执行时出现”。这意

味着开发者不必明确实例化内置对象，它已被实例化了。

同样是“独立于宿主环境”。根据定义我们似乎很难分清“内置对象”与“本地对象”的区

别。而 B 一 (;(只定义了两个内置对象，即 Global 和 Math（它们也是本地对

象，根据定义，每个内置对象都是本地对象）。

如此就可以理解了。内置对象是本地对象的一种。而其包含的两种对象中， 对

象我们经常用到，可这个 6 对象是啥东西呢？

6 对象是 B)# 中最特别的对象，因为实际上它根本不存在，有点玩人的

意思。大家要清楚，在 B)# 中，不存在独立的函数，所有函数都必须是某个对

象的方法。

类似于 ??/1、#-/1和 #@/1方法等，看起来都是函数，而实际上，它

们都是 6 对象的方法。而且 6 对象的方法还不止这些'

宿主对象3B)# 中的“宿主”就是我们网页的运行环境，即“操作系统”和“浏览

器”。所有非本地对象都是宿主对象（4），即由 B)#实现的宿主环

境提供的对象。所有的 A 和  对象都是宿主对象。因为其对于不同的“宿主”环

境所展示的内容不同。其实说白了就是，B)# 官方未定义的对象都属于宿主对

象，因为其未定义的对象大多数是自己通过 B)# 程序创建的对象。自定义的对

象也是宿主对象。

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

&1 查找域名对应 - 地址 ?)

(1 建立连接/ 的三次握手1

*1 构建网页

+1 断开连接/ 的四次挥手1

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

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

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

送达。握手过程中使用了  的标志：)? 和 BQ。

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

)?0BQ 标志的数据包以示传达确认信息。

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

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

包。

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

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

也就是主动关闭方告诉被动关闭方：我已经不会再给你发数据了/当然，在 ! 包之前

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

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

第二次挥手：被动关闭方收到 @-? 包后，发送一个 BQ 给对方，确认序号为收到序

号R&（与 )? 相同，一个 @-? 占用一个序号）。

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

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

第四次挥手：主动关闭方收到 @-? 后，发送一个 BQ 给被动关闭方，确认序号为收

到序号R&，至此，完成四次挥手。

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

&'层叠选择器S/T!#H1

('基本过滤选择器 3!33/1

*'内容过滤选择器33U/13

+'可视化过滤选择器 33 

8'属性过滤选择器： IJ

;'子元素过滤选择器3! 一 3 一 3%3

2'表单元素过滤选择器 333$3

='5类，类型5元素'''

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

"/1方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程

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

使用 "/1方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的

新元素）。S/K K1'"/KK5K$K5!/1D

S/K#K1'""/1ME1M

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

首先：)) 规范规定，每个元素都有 #% 属性，确定该元素的类型，每个元素都

有默认的 #% 值，如  的 #% 默认值为“$H，则为“块级”元素； # 默认

#% 属性值为“H，是“行内”元素。

（&）行内元素有：#"（强调的语气）"#（内联元素）

（(）块级元素有： &(*+V#

（*）常见的空元素：

"#$

鲜为人知的是：

$%"#

$

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

&'不要在同一行声明多个变量。

('请使用 LLL0LL来比较 0! 或者数值

*'使用对象字面量替代 B% 这种形式

+'不要使用全局函数。

8') 语句必须带有 ! 分支

;'函数不应该有时候有返回值，有时候没有返回值。

2'@ 循环必须使用大括号

='-! 语句必须使用大括号

<'! 一  循环中的变量应该使用  关键字明确限定作用域，从而避免作用域污染。

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

（&）盒模型有两种， -盒子模型、,*盒子模型；

（(）盒模型：内容/1、填充/#"1、边界/"1、边框/1；

（*）区别： - 的  部分把 和 #" 计算了进去M

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

际加载的时间）

)))#；

>)、)) 源码压缩、图片大小控制合适；

网页 6N#；

? 托管；

 缓存；

图片服务器；

二十八、用 js 代码简单的介绍下自己

剩余63页未读，继续阅读

一介青烟小生

粉丝: 102
资源: 17

前端面试必备：HTML5面试题与语义化解析

HTML5面试题面试整理（含答案）最新版.docx

Java并发面试题整理（答案）.docx

Java面试题及答案整理(2023最新版) .docx

最新web前端面试题(及答案).docx

兰州事业编招聘2020年考试真题及答案解析整理版.docx

最新招生合作合同新整理版生源预定协议书新整理版word排版样式.docx

HTML 35道面试题及答案.docx

徐水事业编招聘2020年考试真题及答案解析网友整理版(1).docx

中兴5G中级面试整理.docx

(完整版)2019最新Java面试题,常见面试题及答案汇总 (2).docx

最新资源