6.文本标签

• 1.
• 2.

• 18.
• 19.，
• 20.
• 21.
• 22.，

1.

是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签。
它的最常见用途就是提供 CSS 的钩子，用来指定各种样式。所以在早期，下面层层包裹的

就很常见。

<div class="main">
  <div class="article">
    <div class="title">
      <h1>文章标题</h1>
    </div>
  </div>
</div>

上面代码读起来很费力，因为不带有语义。后来，HTML 5 就提出了语义标签，改进了上面的代码。

<main>
  <article>
    <header>
      <h1>文章标题</h1>
    </header>
  </article>
</main>

是无语义的块级元素。下面的例子使用

，将图像和文字组合在一起，构成一个警告区块。

<div>
  <img src="warning.jpg" alt="警告">
  <p>小心</p>
</div>

只要样式上需要多个块级元素组合在一起，就可以使用

。但是，这应该是最后的措施，带有语义的块级标签（比如

、

、