在 <audio> 元素内部包含文本内容有何作用？浏览器会在什么条件下显示它？
围绕“在 <audio> 元素内部包含文本内容有何作用？浏览器会在什么条件下显示它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕当浏览器不支持 audio 或所有 source 失败时显示备选信息。
核心关键词audio 回退内容 不支持
面试知识索引 · 分类、标签与搜索
HTML面试题，89 道完整答案
HTML面试题第 2 页，显示第 51–89 题，共找到 89 道完整解析，可继续按分类、标签与关键词缩小范围。
89筛选结果
52技术分类
178检索标签
2索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000HTML89AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138
查看全部 52 个分类
React Native135操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
<audio> 和 <video> 元素中 <source> 标签的作用，以及浏览器如何选择第一个可用来源？
围绕“<audio> 和 <video> 元素中 <source> 标签的作用，以及浏览器如何选择第一个可用来源”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕浏览器会尝试每个 source 直到找到能播放的类型，type 属性用于预判，不覆盖控制 API。
核心关键词audio video source 回退 格式 - 0053
<blockquote>、<q> 和 <cite> 在引用场景下各应如何使用？
本题给出 blockquote、q、cite 三个引用元素的明确分工：块引用与行内短引用的选择标准，cite 属性与 cite 元素的区别，以及 cite 只指向作品而非作者的规范边界。
核心关键词blockquote q cite 引用 文本 - 0054
link 的 rel="canonical" 如何用于解决重复内容？它的搜索引擎作用是什么？
围绕“link 的 rel="canonical" 如何用于解决重复内容？它的搜索引擎作用是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 canonical 标识首选 URL，集中权重，使用绝对 URL。
核心关键词canonical URL 重复内容 SEO - 0055
自定义元素名的要求是什么？为什么名称中必须包含连字符？
围绕“自定义元素名的要求是什么？为什么名称中必须包含连字符”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕连字符保证不会与原生元素冲突且可扩展，需符合规范。
核心关键词自定义元素 命名规则 连字符 - 0056
data-* 自定义属性的用途是什么？它们会被屏幕阅读器读取吗？与储存页内信息的其他方法有何不同？
围绕“data-* 自定义属性的用途是什么？它们会被屏幕阅读器读取吗？与储存页内信息的其他方法有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕data-* 用于存放页面私有状态，辅助技术忽略，可被 JS 访问，但不适合大量数据或安全内容。
核心关键词data-* 自定义属性 JavaScript - 0057
<datalist> 与 <input list=""> 如何实现候选值？它适合哪些场景？
围绕“<datalist> 与 <input list=""> 如何实现候选值？它适合哪些场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕提供建议但允许自由输入，与 select 不同，可结合多种 input 类型。
核心关键词datalist input list 自动补全 - 0058
DOCTYPE 声明对 HTML 文档解析和渲染有何影响，缺失时会怎样？
本文解释 DOCTYPE 如何通过文档模式影响浏览器解析与渲染，包括标准模式与怪异模式的机制，缺失时的具体差异，并提供工程中检测与处理的方法。
核心关键词DOCTYPE HTML 解析 标准模式 怪异模式 - 0059
如何为不同设备提供合适的 favicon？link rel="icon" 的 type 和 sizes 需要如何指定？
围绕“如何为不同设备提供合适的 favicon？link rel="icon" 的 type 和 sizes 需要如何指定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕建议使用多尺寸 PNG 或 ico，并指定类型。
核心关键词favicon 图标 sizes PNG ico - 0060
<figure> 和 <figcaption> 的正确用法是什么，它们与普通图片加文本有何不同？
本文解释 <figure> 和 <figcaption> 的正确用法，强调其语义关联与生成无障碍名称的功能，并对比普通图片加文本的不足，给出具体场景和边界条件。
核心关键词figure figcaption 图片 标题 - 0061
HTML 的 <head> 中包含哪些关键元素，以及 meta 标签的 charset 和 viewport 的作用是什么？
围绕“HTML 的 <head> 中包含哪些关键元素，以及 meta 标签的 charset 和 viewport 的作用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕列举 head 中常用元素并重点说明 charset 和 viewport 的必要性。
核心关键词HTML head meta charset viewport 作用 - 0062
HTML 中标题（h1-h6）的正确层级结构对页面可访问性和 SEO 有何影响？
讲解 h1-h6 标题层级如何构成文档大纲，跳级对屏幕阅读器导航的干扰、对 SEO 结构理解的影响，以及单一 h1 和按层级嵌套的可操作判断。
核心关键词heading hierarchy accessibility SEO - 0063
HTML hidden 属性为什么可能被用户代理或演示样式覆盖？它与 display:none 的关系是怎样的？
围绕“HTML hidden 属性为什么可能被用户代理或演示样式覆盖？它与 display:none 的关系是怎样的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浏览器默认样式可用 CSS 覆盖，因此 hidden 并非绝对隐藏，使用上需注意。
核心关键词hidden 属性 display none 覆盖 - 0064
iframe 的 sandbox 属性如何限制嵌入内容的权限？包括哪些主要令牌？
围绕“iframe 的 sandbox 属性如何限制嵌入内容的权限？包括哪些主要令牌”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 sandbox 默认限制所有能力，可添加令牌，并强调 allow-scripts 与 allow-same-origin 同时使用。
核心关键词iframe sandbox allow-scripts allow-same-origin 权限 - 0065
图片的 alt 属性什么时候可以留空？为什么装饰性图片需要 alt=""？
围绕“图片的 alt 属性什么时候可以留空？为什么装饰性图片需要 alt=""”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明装饰性图片留空以避免屏幕阅读器读出文件名，并避免链接文字重复。
核心关键词img alt 空 装饰性图片 - 0066
图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt？
围绕“图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供悬停提示且不被辅助技术支持，alt 是等效文本，两者不能互换。
核心关键词img title alt 区别 tooltip 可访问性 - 0067
input 的 type="radio" 与 type="checkbox" 有何区别？如何通过 name 对 radio 分组？
围绕“input 的 type="radio" 与 type="checkbox" 有何区别？如何通过 name 对 ra”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕同一 name 的 radio 互斥，checkbox 多选，且可取消选择。
核心关键词radio checkbox 区别 name 分组 - 0068
<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题？
围绕“<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕for 指向控件 id，可点击标签聚焦，缺少标签影响可访问性。
核心关键词label for 属性 表单控件 关联 - 0069
为什么要在 <html> 标签上设置 lang 属性？对页面文本方向（如 dir）有什么影响？
围绕“为什么要在 <html> 标签上设置 lang 属性？对页面文本方向（如 dir）有什么影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕lang 影响语音合成和拼写检查，dir 用于排版方向，常需 rtl 或 ltr。
核心关键词lang 属性 语言 方向 屏幕阅读器 - 0070
在 HTML 中，<header>、<main>、<footer> 等结构性元素如何使用，以及每个文档中 <main> 的个数限制是多少？
本题考察 HTML5 语义化结构元素的使用，重点包括 <main> 的个数限制、内容应唯一，以及三个元素的适用场景与可访问性影响。
核心关键词HTML main header footer 结构元素 - 0071
为什么 <textarea> 与 <input type="text"> 在表达多行文本上有本质不同？textarea 的默认值如何定义？
围绕“为什么 <textarea> 与 <input type="text"> 在表达多行文本上有本质不同？textare”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕textarea 支持换行且默认值是其内容，而 input 值是 attribute，不同用法与后备内容。
核心关键词textarea input 多行文本 区别 - 0072
哪些 <meta http-equiv> 值可以被浏览器识别，它们与 HTTP 响应头有什么对应关系？
围绕“哪些 <meta http-equiv> 值可以被浏览器识别，它们与 HTTP 响应头有什么对应关系”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖仅说明 refresh 和 content-type 的替代作用，强调 meta 的有限性与响应头的优先。
核心关键词meta http-equiv HTTP 响应头 对应 - 0073
使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题？
围绕“使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要讨论该机制对辅助技术用户和移动设备的缺点，并对比服务端跳转。
核心关键词meta refresh accessibility 页面刷新 - 0074
type="module" 的脚本默认有哪些加载行为，与普通脚本相比如何？
围绕“type="module" 的脚本默认有哪些加载行为，与普通脚本相比如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕模块脚本自动延迟、严格模式、可解析导入。
核心关键词script type module defer 严格模式 - 0075
<nav> 元素应包含什么样的链接集合？所有链接都必须放在 <nav> 中吗？
本文解释<nav>的语义用途，说明哪些链接放入<nav>，何时不需要，并提供判断标准和示例。
核心关键词nav 元素 导航 landmark - 0076
<output> 元素表示计算结果，它与其他显示文本的标签有何不同？
围绕“<output> 元素表示计算结果，它与其他显示文本的标签有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕output 关联表单且可通过 DOM 更新，拥有 value 属性，适合计算显示。
核心关键词output 元素 表单 计算结果 语义 - 0077
<picture> 元素如何与 srcset 和 sizes 配合提供响应式图片？各要素的作用是什么？
围绕“<picture> 元素如何与 srcset 和 sizes 配合提供响应式图片？各要素的作用是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分 picture 用于艺术指导、srcset 用于分辨率切换，sizes 定义最终显示宽度。
核心关键词picture srcset sizes 响应式图片 - 0078
<progress> 与 <meter> 都用于表示数值，它们的使用场景和语义有何不同？
围绕“<progress> 与 <meter> 都用于表示数值，它们的使用场景和语义有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕progress 用于不确定或已知进度的任务，meter 用于测量分数或范围，两者不可互换。
核心关键词progress meter 语义 区别 - 0079
HTML5 required、pattern 和 maxlength 等验证属性如何工作？与 JavaScript 验证的关系怎样？
围绕“HTML5 required、pattern 和 maxlength 等验证属性如何工作？与 JavaScript ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕浏览器端约束验证会自动阻止提交，但仍需服务端验验。
核心关键词required pattern maxlength 约束验证 - 0080
script 的 defer 与 async 属性在加载和执行顺序上有何不同？何时使用哪个？
围绕“script 的 defer 与 async 属性在加载和执行顺序上有何不同？何时使用哪个”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明两者绕过解析阻塞的方式，async 加载完即执行但乱序，defer 在文档解析后按序执行。
核心关键词script defer async 执行顺序 解析 - 0081
<optgroup> 如何帮助对 <select> 的选项分组？需要指定哪些属性？
围绕“<optgroup> 如何帮助对 <select> 的选项分组？需要指定哪些属性”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕optgroup 仅分组且其 label 作为视觉标题，不可选中。
核心关键词optgroup select 选项分组 - 0082
在 <img> 中使用 srcset 时，浏览器如何根据视口和 DPR 选择合适图片？
围绕“在 <img> 中使用 srcset 时，浏览器如何根据视口和 DPR 选择合适图片”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释浏览器基于资源描述符 w 或 x 计算候选，结合 sizes 决定下载，不深入网络状况。
核心关键词srcset 选择 dpr viewport - 0083
tabindex 的不同值（0、-1 和正数）对键盘导航各有何影响？
围绕“tabindex 的不同值（0、-1 和正数）对键盘导航各有何影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕0 保持自然顺序，-1 可聚焦但不可 Tab，正数创建混乱顺序并应用户代理。
核心关键词tabindex 键盘导航 顺序 0 -1 - 0084
为表格添加说明文字时 <caption> 和 aria-label 有什么区别？
围绕“为表格添加说明文字时 <caption> 和 aria-label 有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕caption 是表格可见的一部分，aria-label 只对辅助技术，两者用途不同。
核心关键词table caption aria-label 区别 - 0085
表格中 <th> 的 scope 属性（如 row/col）如何帮助屏幕阅读器理解表头？
围绕“表格中 <th> 的 scope 属性（如 row/col）如何帮助屏幕阅读器理解表头”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕scope 定义表头关联的单元格方向，对复杂表头降低歧义。
核心关键词table th scope screen reader - 0086
当表格具有多个行或列表头时，如何使用 id 和 headers 将数据单元格与其所有表头关联？
围绕“当表格具有多个行或列表头时，如何使用 id 和 headers 将数据单元格与其所有表头关联”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕演示用 id/headers 匹配所有表头单元格，适用于复杂表格。
核心关键词table headers id 关联 表头 - 0087
<time> 元素的 datetime 属性如何提供机器可读的日期和时间？
围绕“<time> 元素的 datetime 属性如何提供机器可读的日期和时间”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 datetime 的标准格式和无法解析时元素无意义，不覆盖日历组件或本地化。
核心关键词time element datetime 机器可读 - 0088
video 中的 <track> 元素有那些 kind（如 subtitles、captions）？它们的用途有何不同？
围绕“video 中的 <track> 元素有那些 kind（如 subtitles、captions）？它们的用途有何不”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分字幕（转写）与说明（含音效），并涉及描述。
核心关键词track kind captions subtitles 可访问性 - 0089
在 HTML 中，何时应该使用无序列表 <ul> 而不是段落或 div？列表项的语义价值是什么？
本题给出 ul 与 p、div 的选择标准：顺序打乱含义不变则用 ul；并说明 li 语义如何让屏幕阅读器播报项数、支持跳转，以及用 div 模拟的失效边界。
核心关键词ul ol 列表 语义