使用 <abbr> 标记缩写时 title 属性的作用是什么，以及为什么需要解释缩写？
围绕“使用 <abbr> 标记缩写时 title 属性的作用是什么，以及为什么需要解释缩写”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供全称让屏幕阅读器用户理解，最佳实践是首次出现时扩展。
核心关键词abbr title accessibility 缩写
面试知识索引 · 分类、标签与搜索
语义与文档专题面试题，43 道完整答案
语义与文档专题面试题第 1 页，显示第 1–43 题，共找到 43 道完整解析，可继续按分类、标签与关键词缩小范围。
43筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
accesskey 属性可能带来哪些可访问性问题？通常何时使用或不使用？
围绕“accesskey 属性可能带来哪些可访问性问题？通常何时使用或不使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕关注浏览器快捷键冲突和屏幕阅读器用户困惑，一般建议少用。
核心关键词accesskey 可访问性 键盘冲突 - 0003
当原生 HTML 元素存在时，使用 ARIA role 有哪些注意点？请举例说明裸用 div 的问题。
围绕“当原生 HTML 元素存在时，使用 ARIA role 有哪些注意点？请举例说明裸用 div 的问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明优先使用原生语义，避免冗余 role，例如 <button> 比 div role=button 优越。
核心关键词ARIA role 第一个规则 原生 HTML - 0004
在 HTML5 中，<article> 和 <section> 有什么区别？如何决定使用哪个？
本文解析 article 与 section 的本质区别，依据内容独立性和是否需要标题判断，适用于语义化 HTML 与文档结构设计场景。
核心关键词article section 区别 HTML5 - 0005
在 <audio> 元素内部包含文本内容有何作用？浏览器会在什么条件下显示它？
围绕“在 <audio> 元素内部包含文本内容有何作用？浏览器会在什么条件下显示它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕当浏览器不支持 audio 或所有 source 失败时显示备选信息。
核心关键词audio 回退内容 不支持 - 0006
<audio> 和 <video> 元素中 <source> 标签的作用，以及浏览器如何选择第一个可用来源？
围绕“<audio> 和 <video> 元素中 <source> 标签的作用，以及浏览器如何选择第一个可用来源”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕浏览器会尝试每个 source 直到找到能播放的类型，type 属性用于预判，不覆盖控制 API。
核心关键词audio video source 回退 格式 - 0007
<blockquote>、<q> 和 <cite> 在引用场景下各应如何使用？
本题给出 blockquote、q、cite 三个引用元素的明确分工：块引用与行内短引用的选择标准，cite 属性与 cite 元素的区别，以及 cite 只指向作品而非作者的规范边界。
核心关键词blockquote q cite 引用 文本 - 0008
link 的 rel="canonical" 如何用于解决重复内容？它的搜索引擎作用是什么？
围绕“link 的 rel="canonical" 如何用于解决重复内容？它的搜索引擎作用是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 canonical 标识首选 URL，集中权重，使用绝对 URL。
核心关键词canonical URL 重复内容 SEO - 0009
自定义元素名的要求是什么？为什么名称中必须包含连字符？
围绕“自定义元素名的要求是什么？为什么名称中必须包含连字符”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕连字符保证不会与原生元素冲突且可扩展，需符合规范。
核心关键词自定义元素 命名规则 连字符 - 0010
data-* 自定义属性的用途是什么？它们会被屏幕阅读器读取吗？与储存页内信息的其他方法有何不同？
围绕“data-* 自定义属性的用途是什么？它们会被屏幕阅读器读取吗？与储存页内信息的其他方法有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕data-* 用于存放页面私有状态，辅助技术忽略，可被 JS 访问，但不适合大量数据或安全内容。
核心关键词data-* 自定义属性 JavaScript - 0011
<datalist> 与 <input list=""> 如何实现候选值？它适合哪些场景？
围绕“<datalist> 与 <input list=""> 如何实现候选值？它适合哪些场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕提供建议但允许自由输入，与 select 不同，可结合多种 input 类型。
核心关键词datalist input list 自动补全 - 0012
DOCTYPE 声明对 HTML 文档解析和渲染有何影响，缺失时会怎样？
本文解释 DOCTYPE 如何通过文档模式影响浏览器解析与渲染，包括标准模式与怪异模式的机制，缺失时的具体差异，并提供工程中检测与处理的方法。
核心关键词DOCTYPE HTML 解析 标准模式 怪异模式 - 0013
如何为不同设备提供合适的 favicon？link rel="icon" 的 type 和 sizes 需要如何指定？
围绕“如何为不同设备提供合适的 favicon？link rel="icon" 的 type 和 sizes 需要如何指定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕建议使用多尺寸 PNG 或 ico，并指定类型。
核心关键词favicon 图标 sizes PNG ico - 0014
<figure> 和 <figcaption> 的正确用法是什么，它们与普通图片加文本有何不同？
本文解释 <figure> 和 <figcaption> 的正确用法，强调其语义关联与生成无障碍名称的功能，并对比普通图片加文本的不足，给出具体场景和边界条件。
核心关键词figure figcaption 图片 标题 - 0015
HTML 的 <head> 中包含哪些关键元素，以及 meta 标签的 charset 和 viewport 的作用是什么？
围绕“HTML 的 <head> 中包含哪些关键元素，以及 meta 标签的 charset 和 viewport 的作用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕列举 head 中常用元素并重点说明 charset 和 viewport 的必要性。
核心关键词HTML head meta charset viewport 作用 - 0016
HTML 中标题（h1-h6）的正确层级结构对页面可访问性和 SEO 有何影响？
讲解 h1-h6 标题层级如何构成文档大纲，跳级对屏幕阅读器导航的干扰、对 SEO 结构理解的影响，以及单一 h1 和按层级嵌套的可操作判断。
核心关键词heading hierarchy accessibility SEO - 0017
HTML hidden 属性为什么可能被用户代理或演示样式覆盖？它与 display:none 的关系是怎样的？
围绕“HTML hidden 属性为什么可能被用户代理或演示样式覆盖？它与 display:none 的关系是怎样的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浏览器默认样式可用 CSS 覆盖，因此 hidden 并非绝对隐藏，使用上需注意。
核心关键词hidden 属性 display none 覆盖 - 0018
iframe 的 sandbox 属性如何限制嵌入内容的权限？包括哪些主要令牌？
围绕“iframe 的 sandbox 属性如何限制嵌入内容的权限？包括哪些主要令牌”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 sandbox 默认限制所有能力，可添加令牌，并强调 allow-scripts 与 allow-same-origin 同时使用。
核心关键词iframe sandbox allow-scripts allow-same-origin 权限 - 0019
图片的 alt 属性什么时候可以留空？为什么装饰性图片需要 alt=""？
围绕“图片的 alt 属性什么时候可以留空？为什么装饰性图片需要 alt=""”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明装饰性图片留空以避免屏幕阅读器读出文件名，并避免链接文字重复。
核心关键词img alt 空 装饰性图片 - 0020
图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt？
围绕“图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供悬停提示且不被辅助技术支持，alt 是等效文本，两者不能互换。
核心关键词img title alt 区别 tooltip 可访问性 - 0021
input 的 type="radio" 与 type="checkbox" 有何区别？如何通过 name 对 radio 分组？
围绕“input 的 type="radio" 与 type="checkbox" 有何区别？如何通过 name 对 ra”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕同一 name 的 radio 互斥，checkbox 多选，且可取消选择。
核心关键词radio checkbox 区别 name 分组 - 0022
<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题？
围绕“<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕for 指向控件 id，可点击标签聚焦，缺少标签影响可访问性。
核心关键词label for 属性 表单控件 关联 - 0023
为什么要在 <html> 标签上设置 lang 属性？对页面文本方向（如 dir）有什么影响？
围绕“为什么要在 <html> 标签上设置 lang 属性？对页面文本方向（如 dir）有什么影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕lang 影响语音合成和拼写检查，dir 用于排版方向，常需 rtl 或 ltr。
核心关键词lang 属性 语言 方向 屏幕阅读器 - 0024
在 HTML 中，<header>、<main>、<footer> 等结构性元素如何使用，以及每个文档中 <main> 的个数限制是多少？
本题考察 HTML5 语义化结构元素的使用，重点包括 <main> 的个数限制、内容应唯一，以及三个元素的适用场景与可访问性影响。
核心关键词HTML main header footer 结构元素 - 0025
为什么 <textarea> 与 <input type="text"> 在表达多行文本上有本质不同？textarea 的默认值如何定义？
围绕“为什么 <textarea> 与 <input type="text"> 在表达多行文本上有本质不同？textare”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕textarea 支持换行且默认值是其内容，而 input 值是 attribute，不同用法与后备内容。
核心关键词textarea input 多行文本 区别 - 0026
哪些 <meta http-equiv> 值可以被浏览器识别，它们与 HTTP 响应头有什么对应关系？
围绕“哪些 <meta http-equiv> 值可以被浏览器识别，它们与 HTTP 响应头有什么对应关系”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖仅说明 refresh 和 content-type 的替代作用，强调 meta 的有限性与响应头的优先。
核心关键词meta http-equiv HTTP 响应头 对应 - 0027
使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题？
围绕“使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要讨论该机制对辅助技术用户和移动设备的缺点，并对比服务端跳转。
核心关键词meta refresh accessibility 页面刷新 - 0028
type="module" 的脚本默认有哪些加载行为，与普通脚本相比如何？
围绕“type="module" 的脚本默认有哪些加载行为，与普通脚本相比如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕模块脚本自动延迟、严格模式、可解析导入。
核心关键词script type module defer 严格模式 - 0029
<nav> 元素应包含什么样的链接集合？所有链接都必须放在 <nav> 中吗？
本文解释<nav>的语义用途，说明哪些链接放入<nav>，何时不需要，并提供判断标准和示例。
核心关键词nav 元素 导航 landmark - 0030
<output> 元素表示计算结果，它与其他显示文本的标签有何不同？
围绕“<output> 元素表示计算结果，它与其他显示文本的标签有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕output 关联表单且可通过 DOM 更新，拥有 value 属性，适合计算显示。
核心关键词output 元素 表单 计算结果 语义 - 0031
<picture> 元素如何与 srcset 和 sizes 配合提供响应式图片？各要素的作用是什么？
围绕“<picture> 元素如何与 srcset 和 sizes 配合提供响应式图片？各要素的作用是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分 picture 用于艺术指导、srcset 用于分辨率切换，sizes 定义最终显示宽度。
核心关键词picture srcset sizes 响应式图片 - 0032
<progress> 与 <meter> 都用于表示数值，它们的使用场景和语义有何不同？
围绕“<progress> 与 <meter> 都用于表示数值，它们的使用场景和语义有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕progress 用于不确定或已知进度的任务，meter 用于测量分数或范围，两者不可互换。
核心关键词progress meter 语义 区别 - 0033
HTML5 required、pattern 和 maxlength 等验证属性如何工作？与 JavaScript 验证的关系怎样？
围绕“HTML5 required、pattern 和 maxlength 等验证属性如何工作？与 JavaScript ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕浏览器端约束验证会自动阻止提交，但仍需服务端验验。
核心关键词required pattern maxlength 约束验证 - 0034
script 的 defer 与 async 属性在加载和执行顺序上有何不同？何时使用哪个？
围绕“script 的 defer 与 async 属性在加载和执行顺序上有何不同？何时使用哪个”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明两者绕过解析阻塞的方式，async 加载完即执行但乱序，defer 在文档解析后按序执行。
核心关键词script defer async 执行顺序 解析 - 0035
<optgroup> 如何帮助对 <select> 的选项分组？需要指定哪些属性？
围绕“<optgroup> 如何帮助对 <select> 的选项分组？需要指定哪些属性”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕optgroup 仅分组且其 label 作为视觉标题，不可选中。
核心关键词optgroup select 选项分组 - 0036
在 <img> 中使用 srcset 时，浏览器如何根据视口和 DPR 选择合适图片？
围绕“在 <img> 中使用 srcset 时，浏览器如何根据视口和 DPR 选择合适图片”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释浏览器基于资源描述符 w 或 x 计算候选，结合 sizes 决定下载，不深入网络状况。
核心关键词srcset 选择 dpr viewport - 0037
tabindex 的不同值（0、-1 和正数）对键盘导航各有何影响？
围绕“tabindex 的不同值（0、-1 和正数）对键盘导航各有何影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕0 保持自然顺序，-1 可聚焦但不可 Tab，正数创建混乱顺序并应用户代理。
核心关键词tabindex 键盘导航 顺序 0 -1 - 0038
为表格添加说明文字时 <caption> 和 aria-label 有什么区别？
围绕“为表格添加说明文字时 <caption> 和 aria-label 有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕caption 是表格可见的一部分，aria-label 只对辅助技术，两者用途不同。
核心关键词table caption aria-label 区别 - 0039
表格中 <th> 的 scope 属性（如 row/col）如何帮助屏幕阅读器理解表头？
围绕“表格中 <th> 的 scope 属性（如 row/col）如何帮助屏幕阅读器理解表头”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕scope 定义表头关联的单元格方向，对复杂表头降低歧义。
核心关键词table th scope screen reader - 0040
当表格具有多个行或列表头时，如何使用 id 和 headers 将数据单元格与其所有表头关联？
围绕“当表格具有多个行或列表头时，如何使用 id 和 headers 将数据单元格与其所有表头关联”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕演示用 id/headers 匹配所有表头单元格，适用于复杂表格。
核心关键词table headers id 关联 表头 - 0041
<time> 元素的 datetime 属性如何提供机器可读的日期和时间？
围绕“<time> 元素的 datetime 属性如何提供机器可读的日期和时间”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 datetime 的标准格式和无法解析时元素无意义，不覆盖日历组件或本地化。
核心关键词time element datetime 机器可读 - 0042
video 中的 <track> 元素有那些 kind（如 subtitles、captions）？它们的用途有何不同？
围绕“video 中的 <track> 元素有那些 kind（如 subtitles、captions）？它们的用途有何不”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分字幕（转写）与说明（含音效），并涉及描述。
核心关键词track kind captions subtitles 可访问性 - 0043
在 HTML 中，何时应该使用无序列表 <ul> 而不是段落或 div？列表项的语义价值是什么？
本题给出 ul 与 p、div 的选择标准：顺序打乱含义不变则用 ul；并说明 li 语义如何让屏幕阅读器播报项数、支持跳转，以及用 div 模拟的失效边界。
核心关键词ul ol 列表 语义