HTML <figure> 和 <figcaption> 标签

HTML <figure> 标签

HTML <figure> 标签是一个语义标签,表示独立存在的图形内容,例如插图、图表、照片等。例如,

<figure>
    <img src="https://cdn.programiz.com/sites/tutorial2program/files/pc_logo.svg" width = "300" height = "247">
</figure>

浏览器输出

HTML Figure element with an image

HTML <figcaption> 标签

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

<figure>
    <img src="https://cdn.programiz.com/sites/tutorial2program/files/pc_logo.svg" width = "300" height = "247">
    <figcaption>Learn to code for free.</figcaption>
 </figure>

浏览器输出

HTML Figure element with an image and a caption

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战