Web 前端八股文之 HTML 核心知识问答

目录

一、HTML5 基础概念

1. 什么是 HTML5？它和 HTML 有什么关系？

2. HTML5 的 DOCTYPE 声明有什么作用？

二、HTML 标签相关

1. HTML 标签有哪些常见形式？

2. 请简述 HTML5 基本骨架中各主要标签的作用。

3. 标题标签

4. 图片标签有哪些重要属性？图片路径有哪几种类型？

三、HTML 列表与表格

1. 有序列表和无序列表的标签分别是什么？它们的type属性有哪些取值？

2. 表格标签由哪些组成？单元格合并如何实现？

四、HTML 表单

1. 表单的作用是什么？

标签有哪些重要属性？

2. 常见的表单控件有哪些？如何实现文本框、密码框和提交按钮？

五、块元素与行内元素

1. 块元素和行内元素有哪些主要区别？

2. 常见的块元素、行内元素和行内块元素有哪些？

六、HTML5 新增标签

1. HTML5 为什么要新增语义化标签？

2. 请列举几个 HTML5 新增的语义化标签，并说明其作用。

---

在 Web 前端开发领域，HTML 作为构建网页的基石，其相关知识是面试中的高频考点。今天，我们结合 HTML 网页编程基础的核心内容，整理出一系列常见的八股文问题，帮助大家在面试中脱颖而出。

一、HTML5 基础概念

1. 什么是 HTML5？它和 HTML 有什么关系？

HTML5 是 HTML（超文本标记语言）的最新修订版本，于 2014 年 10 月由万维网联盟（W3C）完成标准制定。它在 HTML 的基础上，新增了许多功能和特性，如语义化标签、多媒体支持、离线存储等，使网页开发更加高效、规范，能够更好地满足现代 Web 应用的需求 。

2. HTML5 的 DOCTYPE 声明有什么作用？

DOCTYPE 是 “document type”（文档类型）的缩写，是 HTML5 的声明，位于文档的最前面，处于标签之前。它的主要作用是告诉浏览器该文档使用的是 HTML5 标准，避免浏览器以怪异模式（Quirks Mode）渲染页面。怪异模式下，浏览器的渲染规则可能与标准模式不同，会导致页面显示异常，而正确的 DOCTYPE 声明能确保浏览器以一致的、符合标准的方式呈现网页内容。

二、HTML 标签相关

1. HTML 标签有哪些常见形式？

HTML 标签主要有两种形式：

• 双标签：由开始标签和结束标签组成，结束标签比开始标签多一个斜杠，例如、。双标签用于包裹网页中的各种内容和元素。

• 单标签：只有开始标签，没有结束标签，例如、
  、

  ---

  。单标签通常用于一些简单的、不需要包含其他内容的元素，如插入图片、换行、绘制水平线等。

2. 请简述 HTML5 基本骨架中各主要标签的作用。

HTML5 基本骨架包含以下重要标签：

• 标签：定义整个 HTML 文档，是网页的根元素，所有其他 HTML 元素都要包含在标签内，浏览器通过识别该标签知道这是一个 HTML 文档。

• 标签：用于定义文档的头部，包含了文档的各种属性和信息，如文档标题（