HTML 块级元素和内联（行内）元素详解

在 HTML 中，元素根据它们在页面中的表现方式分为两类：块级元素 和 内联元素（行内元素）。了解块级元素和内联元素的特性与使用方法，是掌握HTML开发的重要基础。本文将深入探讨这两类元素的特点及其在实际开发中的应用。

一、块级元素

1.1 块级元素是什么？

块级元素（Block-level Element）是页面中的结构元素，它们独占一行，通常用于搭建页面的主要框架，如段落、容器、标题等。

它们最显著的特征是在页面中独占一行，无论其内容多少，都会占据父元素的整个宽度。这种特性使得块级元素特别适合用于页面的整体布局和内容的分区组织。

如上图，我们 F12 打开控制台，然后点击左侧小箭头后在页面中选择元素，可以看到这个 <h1>