互联网/IT行业面试题 · 技术原理 · tech:html
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 100 道 · 更新 2026-08-05
筛选题目已选：技术原理 · tech:html
考察点
技术栈
第 41 题拿到页面响应后，解析HTML时遇到script标签，哪些行为是阻塞的，哪些是顺序渲染的，如何解决阻塞？ 考察浏览器解析HTML时的脚本执行阻塞机制及优化手段第 42 题如果自己开发的页面在他人环境中出现白屏，你会如何排查和定位问题？ 考察前端白屏问题的系统排查思路与常见原因定位能力第 43 题如何从Markdown和HTML中提取对应图表并进行比对？ 考察文档解析、图表提取与比对的技术实现第 44 题请描述浏览器从接收HTML到完成DOM树的构建过程，以及DOM树与渲染树的关系。 考察对浏览器渲染原理中DOM构建与渲染树生成流程的理解第 45 题使用<script>标签的src属性引用JS文件，或使用<link>标签引用CSS文件时，浏览器会执行哪些操作？ 考察对浏览器加载和执行外部资源的理解第 46 题请列举并说明行内元素和块级元素的区别，包括典型例子。 考察对 HTML 中行内元素与块级元素核心区别及典型示例的理解第 47 题请列举并说明实现元素水平垂直居中的几种常见方法。 考察CSS布局基础与方案理解第 48 题请说明使用语义化标签（如 header、nav、main、article、footer 等）给 HTML 页面带来的主要好处。 考察对 HTML 语义化价值与适用场景的理解第 49 题请说明块级元素和行内元素的区别，并各举出两个典型例子。 考察对HTML基础布局概念的理解与实例运用第 50 题HTML 中 meta 标签有哪些常见用途？比如 viewport 的作用是什么，一般如何配置？ 考察对 HTML meta 标签功能的理解及 viewport 在实际开发中的配置能力第 51 题请解释HTML语义化的含义及其重要性，并举例说明如何使用语义化标签来改善页面结构。 考察对HTML语义化概念、意义及实际应用的理解第 52 题前端开发中的三件套具体指什么？ 考察对前端基础技术栈的认知第 53 题如果在 HTML 文件的末尾才导入 CSS 样式表，用户看到的页面会是什么样？ 考察浏览器渲染机制对样式加载顺序和首屏体验的理解第 54 题从输入网址到浏览器渲染出页面，请描述完整过程。 考察网络协议、浏览器渲染机制及性能优化意识第 55 题当页面通过 link 标签加载外部 CSS 时，如果该资源响应缓慢，页面渲染会如何受到影响？请说明原因及可行的优化手段。 考察对 CSS 阻塞渲染机制的理解及性能优化能力第 56 题请解释script标签中async和defer属性的区别及其适用场景。 考察对浏览器脚本加载执行机制的理解及实际选型能力第 57 题加载CSS和加载JS文件有什么区别？ 考察浏览器解析阻塞机制和资源加载优化意识第 58 题在一个HTML页面中，如何检测某个元素是否滚动进入视口（可视区域）？ 考察对浏览器滚动与视口相交检测技术的理解与实现能力第 59 题请解释CSS和HTML在网页布局中各自扮演的角色，并说明如何使用它们实现一个典型的页面布局。 考察对HTML结构语义和CSS布局机制的理解及应用能力第 60 题viewport的作用是什么？ 考察对移动端布局和响应式设计关键概念的理解