以下是 2025 年最权威、最常用、最需要掌握的 W3C 官方词汇和术语表(中英文对照 + 官方定义简释),几乎涵盖了所有前端面试、W3C 验证、规范阅读时会碰到的核心术语。建议前端开发者人手一份!
| 类别 | 英文术语(W3C 官方) | 中文标准译名 | W3C 官方简明定义 / 解释(2025 版) |
|---|---|---|---|
| 基础文档 | Document | 文档 | 由标记语言(如 HTML)构成的完整信息单元 |
| Node | 节点 | DOM 树中的最小单位(元素、属性、文本、注释等都算) | |
| Element | 元素 | 有开始和结束标签的节点(如 <div>) | |
| Attribute | 属性 | 元素上的键值对(如 class="box") | |
| DOCTYPE | 文档类型声明 | <!DOCTYPE html> 触发标准模式 | |
| Quirks Mode | 怪异模式 | 不写或写错 DOCTYPE 时的兼容模式 | |
| Standards Mode | 标准模式 | 现代浏览器默认渲染模式 | |
| HTML 语义 | Semantic HTML | 语义化 HTML | 使用能表达含义的标签而不是单纯的 div/span |
| Landmark Roles | 地标角色 | <header><nav><main><footer> 等隐式 ARIA 地标 | |
| Sectioning Content | 分节内容 | <article><section><nav><aside> 会创建新的大纲层级 | |
| Outline Algorithm | 大纲算法 | 根据分节内容和标题自动生成文档结构(HTML5 Outliner 工具使用) | |
| 无障碍访问(a11y) | Accessibility / A11y | 无障碍 / 可访问性 | 让残障用户也能使用网页 |
| ARIA (Accessible Rich Internet Applications) | ARIA 无障碍丰富互联网应用 | 用属性补充语义(如 role="navigation"、aria-label) | |
| WCAG 2.2 | Web 内容可访问性指南 2.2 | 2025 年最新国际无障碍标准(A → AA → AAA 三个级别) | |
| Alt text | 替代文本 | <img alt="意义明确的描述"> | |
| Focusable | 可聚焦 | 能通过 Tab 键到达的元素 | |
| Skip Link | 跳过导航链接 | 第一个隐藏链接,直接跳到 <main> | |
| CSS | Cascade | 层叠 | 决定样式优先级的核心机制 |
| Specificity | 特异性 | 计算选择器权重(0,0,0,0 格式) | |
| Inheritance | 继承 | 子元素自动获得父元素的某些属性(如 color、font) | |
| Containing Block | 包含块 | 决定定位元素大小和位置的参考矩形 | |
| Stacking Context | 堆叠上下文 | z-index 生效的独立层级(由 position、z-index、opacity<1 等触发) | |
| Visual Viewport / Layout Viewport | 视觉视口 / 布局视口 | 移动端缩放时两个不同的视口概念 | |
| Initial Value | 初始值 | 每个 CSS 属性未设置时的默认值 | |
| Computed Value | 计算值 | 浏览器最终计算出的具体值(如 em→px) | |
| 响应式 | Responsive Web Design (RWD) | 响应式网页设计 | 同一套代码适配不同屏幕 |
| Mobile-First | 移动优先 | 先写小屏样式,再用 min-width 媒体查询覆盖 | |
| Fluid Layout | 流式布局 | 用百分比而非固定 px 布局 | |
| Breakpoint | 断点 | 媒体查询切换布局的屏幕宽度阈值 | |
| 验证与合规 | W3C Validation | W3C 验证 | https://validator.w3.org/ 检查 HTML 是否符合标准 |
| Nu Html Checker | Nu 验证器 | 2025 年 W3C 官方最新 HTML 验证工具(原 validator.w3.org) | |
| Markup Validation Service | 标记验证服务 | 官方 HTML 验证服务 | |
| CSS Validation Service | CSS 验证服务 | https://jigsaw.w3.org/css-validator/ | |
| 其他高频术语 | Progressive Enhancement | 渐进增强 | 先保证核心功能,再一层一层加样式和脚本 |
| Graceful Degradation | 优雅降级 | 高端浏览器完美体验,老浏览器至少能用 | |
| Polyfill | 填充物 | 用 JS 实现浏览器尚未支持的原生 API | |
| Feature Detection | 特性检测 | Modernizr 那种:先检测浏览器是否支持,再决定用原生还是 polyfill | |
| Living Standard | 活跃标准 | HTML 现在是 WHATWG 维护的“Living Standard”,不再有 HTML5/HTML6 版本号 | |
| WHATWG | Web 超文本应用技术工作组 | 现在实际维护 HTML 和 DOM 标准的组织(比 W3C 更活跃) |
2025 年最该记住的 10 个 W3C 官方金句(面试必背)
- HTML is a Living Standard(HTML 不再有版本号)
<main>整个文档只能出现一次- H1–H6 必须遵循正确的嵌套层级,否则大纲混乱
- 所有可交互元素必须可通过键盘访问
- 图片必须有有意义的 alt(装饰图写 alt=””)
- 不要用
<div role="button">,直接用<button> - CSS 自定义属性(–var)属于 Inherited: yes
position: sticky需要有 top/right/bottom/left 其中之一才会生效<!DOCTYPE html>必须是 HTML 文件的第一行(连空格都不能有)- WCAG 2.2 AA 是中国《网站设计无障碍技术要求》的最低合规标准
把这张表保存下来,几乎涵盖了所有 W3C 规范、验证工具、无障碍评级、面试时会被问到的 99% 专业术语!
需要我打包给你:
- 可打印 PDF 版
- Anki 记忆卡片包
- Markdown 源码
直接回复“要”就行~