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

DOCX文件

下载需积分: 12 | 244KB | 更新于2024-07-15 | 162 浏览量 | 举报收藏

立即下载

"这份文档是针对前端工程师的面试准备材料，包含了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页未读，继续阅读

一介青烟小生

粉丝: 117

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

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

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

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

Java 208道面试（2025最新版）.docx

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

java面试题-最新整理.docx

JVM 50道面试题和答案（2025最新版）.docx

JVM 45道面试题和答案（2025最新版）.docx

Dubbo 38道面试题及答案（2025最新版）.docx

springboot常见经典面试题（2025最新版）.docx

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

HTML 35道面试题及答案.docx

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

美赛教程&建模&数据分析&案例分析&文档写作&编程实现等资源

自动驾驶场景库的提取方案及实现代码解析 自动驾驶场景库提取方案与实现代码详解 自动驾驶场景库提取方案及实现代码设计 自动驾驶场景库提取方案及实现代码构建 自动驾驶场景库提取方案及实现代码方案 自动驾驶

基于 YoloP 模型打造的自动驾驶感知工具

海底管道腐蚀缺陷生长与多物理场耦合分析综述（含详细代码及解释）

嵌入式开发-Qt框架-C编程-轻量级虚拟键盘-跨平台输入法-中文英文数字符号输入-大小写切换-皮肤主题定制-手写识别功能-开源学习项目-适用于Linux-Windows-And.zip

自动驾驶电动车辆研究白皮书 自动驾驶电动耗子研究白皮书 关于自动驾驶电耗子的研究白皮书 自动驾驶电动耗子相关研究白皮书 自动驾驶电耗子技术研究白皮书 自动驾驶电耗子领域研究白皮书 自动驾驶电耗子专题研

docker下安装postgres 13

基于ESP8266微控制器的华为云物联网平台接入示例项目_包含Arduino编程环境下的精简代码实现_设备订阅命令主题与响应平台指令功能_提供PubSubClient270库文.zip

最新资源

自动驾驶场景库的提取方案及实现代码解析自动驾驶场景库提取方案与实现代码详解自动驾驶场景库提取方案及实现代码设计自动驾驶场景库提取方案及实现代码构建自动驾驶场景库提取方案及实现代码方案自动驾驶

自动驾驶电动车辆研究白皮书自动驾驶电动耗子研究白皮书关于自动驾驶电耗子的研究白皮书自动驾驶电动耗子相关研究白皮书自动驾驶电耗子技术研究白皮书自动驾驶电耗子领域研究白皮书自动驾驶电耗子专题研