<div>

<div>是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签。

它的最常见用途就是提供 CSS 的钩子，用来指定各种样式。所以在早期，下面层层包裹的<div>就很常见。

  1. <div class="main">
  2.   <div class="article">
  3.     <div class="title">
  4.       <h1>文章标题</h1>
  5.     </div>
  6.   </div>
  7. </div>

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

  1. <main>
  2.   <article>
  3.     <header>
  4.       <h1>文章标题</h1>
  5.     </header>
  6.   </article>
  7. </main>

<div>是无语义的块级元素。下面的例子使用<div>，将图像和文字组合在一起，构成一个警告区块。

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

只要样式上需要多个块级元素组合在一起，就可以使用<div>。但是，这应该是最后的措施，带有语义的块级标签（比如<article>、<section>、<aside>、<nav>等）始终应该优先使用，当且仅当没有其他语义元素合适时，才可以使用<div>。