W3C词汇和术语表

以下是 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.2Web 内容可访问性指南 2.22025 年最新国际无障碍标准(A → AA → AAA 三个级别)
Alt text替代文本<img alt="意义明确的描述">
Focusable可聚焦能通过 Tab 键到达的元素
Skip Link跳过导航链接第一个隐藏链接,直接跳到 <main>
CSSCascade层叠决定样式优先级的核心机制
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 ValidationW3C 验证https://validator.w3.org/ 检查 HTML 是否符合标准
Nu Html CheckerNu 验证器2025 年 W3C 官方最新 HTML 验证工具(原 validator.w3.org)
Markup Validation Service标记验证服务官方 HTML 验证服务
CSS Validation ServiceCSS 验证服务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 版本号
WHATWGWeb 超文本应用技术工作组现在实际维护 HTML 和 DOM 标准的组织(比 W3C 更活跃)

2025 年最该记住的 10 个 W3C 官方金句(面试必背)

  1. HTML is a Living Standard(HTML 不再有版本号)
  2. <main> 整个文档只能出现一次
  3. H1–H6 必须遵循正确的嵌套层级,否则大纲混乱
  4. 所有可交互元素必须可通过键盘访问
  5. 图片必须有有意义的 alt(装饰图写 alt=””)
  6. 不要用 <div role="button">,直接用 <button>
  7. CSS 自定义属性(–var)属于 Inherited: yes
  8. position: sticky 需要有 top/right/bottom/left 其中之一才会生效
  9. <!DOCTYPE html> 必须是 HTML 文件的第一行(连空格都不能有)
  10. WCAG 2.2 AA 是中国《网站设计无障碍技术要求》的最低合规标准

把这张表保存下来,几乎涵盖了所有 W3C 规范、验证工具、无障碍评级、面试时会被问到的 99% 专业术语!

需要我打包给你:

  • 可打印 PDF 版
  • Anki 记忆卡片包
  • Markdown 源码

直接回复“要”就行~

文章已创建 2965

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关文章

开始在上面输入您的搜索词,然后按回车进行搜索。按ESC取消。

返回顶部