HTML面试基础知识｜全面掌握前端核心基础（含高频考点·实战解析·常见误区）

HTML（HyperText Markup Language）作为网页的骨架结构语言，是所有前端技术的起点。它定义了网页内容的语义与层次，为CSS样式与JavaScript交互提供承载平台。在面试中，对HTML的理解深度直接反映候选人对Web标准、可维护性与用户体验的认知水平。

` 与 `

` 的语义差异；能指出 `` 在移动端唤起的输入法优化；能说明为何应避免滥用 `

` 替代语义标签。这些细节构成专业度的基石。

💡 面试提示：当被问“HTML和XHTML有什么区别？”时，除语法差异（如标签闭合、属性引号），更应强调HTML5的容错机制与向后兼容性——这是现代开发的现实基础。

HTML5并非全新语言，而是对HTML4的标准化增强。其核心革新体现在：
〈1〉新增语义标签：`

、

` 等，使结构自描述；
〈2〉表单控件升级：新增 `type="date"、"range"、"color"、"email"、"tel"` 等，提升用户体验；
〈3〉多媒体支持：原生 `

HTML面试基础知识｜全面掌握前端核心基础

标签组合	语义差异	使用场景
` ` vs ` `	` ` 表示独立、可复用内容（如博客、新闻）；` ` 表示文档中的主题性分段，依赖上下文	单篇博客用 ` `；博客内章节用 ` `
` ` vs ` `	` ` 是容器，可包含多个元素（如Logo、导航、标题）；` ` 是标题文本	` ` 放页面顶部区域；` ` 仅出现一次，为页面主标题
`` vs `datetime` 属性	`` 标签标注时间内容；`datetime` 属性提供机器可读格式	`2025年4月5日`