HTML <figure> 和 <figcaption> 标签

提示

1. <figure>标签定义：HTML中的<figure>标签是一个语义标签，用于包含图形内容如插图、图表、照片等。
2. <figcaption>标签功能：<figcaption>标签用于定义图形的标题，作为<figure>标签的子元素。
3. 结合使用举例：<figure>和<figcaption>结合使用，为图形内容提供了结构化和语义化的呈现方式。

HTML <figure> 标签

HTML 的 <figure> 标签是一个语义标签，表示自包含的图形内容，如插图、图表、照片等。例如，

<figure>
  <img
    src="https://www.mashangxue123.com/files/pc_logo.svg"
    width="300"
    height="247"
  />
</figure>

浏览器输出

HTML <figcaption> 标签

HTML 的 <figcaption> 标签用于定义图形的标题。它被放置为 <figure> 标签的子元素，并与内容一起放置。例如，

<figure>
  <img
    src="https://www.mashangxue123.com/files/pc_logo.svg"
    width="300"
    height="247"
  />
  <figcaption>免费学习编程。</figcaption>
</figure>

浏览器输出