html中的分组内容标签

html中的标签可以根据语义划分为9种类型，其中之一叫分组内容标签。

顾名思义，它们的作用是把语义相近的内容组合在一起的，所以叫分组内容标签。

这类的标签有：br、hr、figure、figcaption、p、ol、ul、li、div、pre、blockquote、dl、dt、dd。

它们的语义如下：

• br：在文本中生成一个换行（回车）符号
• hr：表示段落级元素之间的主题转换
• figure：代表一段独立的内容
• figcaption：与其相关联的图片的说明/标题，用于描述其父节点figure元素里的其他数据
• p：表示文本的一个段落
• ol：表示有序列表
• ul：表示无序列表
• li：表示列表里的条目
• div：一个通用型的流内容容器
• pre：表示预定义格式文本
• blockquote：代表其中的文字是引用内容
• dl：包含术语定义以及描述的列表(自定义列表)
• dt：用于在一个定义列表中声明一个术语
• dd：用来指明一个描述列表dl元素中一个术语的描述

对这些标签的一些使用经验：

1. div元素应当仅在没有任何其他语义元素（比如article或nav）可用时使用。
2. br标签是一个空标签，必须有一个开始标签，并且一定不能有结束标签。在html中一般写成<br>，在 XHTML 中将元素写为<br />，不要用br来增加文本之间的行间隔；应使用 CSS margin 属性或p元素。
3. hr在 HTML 的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但它目前被定义为是语义上而非表现层面上的术语。所以如果想画一条水平线，请使用适当的 CSS 样式来实现。
4. 通常，figure的内容为图像、插图、图表、代码片段等，通过在其中插入figcaption（作为第一个或最后一个子元素），可以将标题与figure元素相关联，图中找到的第一个figcaption元素显示为图的标题，举例：

<!-- 只有图像 -->
<figure>
  <img src="/zh-CN/docs/Web/HTML/Element/figure/favicon-192x192.png" alt="">
</figure>

<!-- 有标题的图像 -->
<figure>
  <img src="/zh-CN/docs/Web/HTML/Element/figure/favicon-192x192.png" alt="">
  <figcaption>Logo</figcaption>
</figure>

5.blockquote用作较长的引用内容，这部分的内容会有一定的缩进。如果想要使用短引用（行间引用），可以使用q标签。