HTML 区块

在 HTML 中，区块元素是用来组织页面内容的重要工具。区块元素通常会占据一整行或者一整块空间，与其他元素进行区分。在 HTML 中，常见的区块元素包括 <div>、<section>、<article>、<header>、<footer>、<aside> 等。

<div> 元素

<div> 元素是 HTML 中最常用的区块元素之一，用来创建一个块级的容器，可以用来包裹一组相关的内容，并且可以通过 CSS 进行样式控制。<div> 元素本身并不具有任何特定的语义，仅仅是一个通用的容器元素。

示例代码：

<div>
  <h1>这是一个标题</h1>
  <p>这是一个段落</p>
</div>

<section> 元素

<section> 元素用来表示文档中的一个区块或节，通常包含一个标题（可以使用 <h1>-<h6> 元素）和相关内容。<section> 元素通常被用来组织页面内容，使其更具有结构性。

示例代码：

<section>
  <h2>这是一个小节</h2>
  <p>这是小节的内容</p>
</section>

<article> 元素

<article> 元素用来表示页面中独立的内容块，比如一篇博客文章、新闻报道、论坛帖子等。<article> 元素应该是可以独立存在的，即使被移动到页面的其他位置也不会影响其完整性。

示例代码：

<article>
  <h3>这是一篇文章标题</h3>
  <p>这是文章的内容</p>
</article>

以上就是 HTML 区块元素的一些常见用法和示例代码。在实际开发中，合理使用区块元素可以帮助我们更好地组织和管理页面内容，提高页面的可读性和维护性。