HTML <figcaption> etiket

Definisjon og bruk

<figcaption> Etikettene er <figure> Elementet definerer tittelen.

<figcaption> Elementet kan plasseres i <figure> Plasseringen av den første eller siste underelementet til elementet.

Vennligst se også:

HTML DOM referansehåndbok:Figcaption-objektet

Eksempel

Eksempel 1

Bruk <figure>-elementet til å merke dokumentets bilder, bruk <figcaption>-elementet til å definere bildets tittel:

<figure>
  <img src="tulip.jpg" alt="Tuberose" style="width:300px">
  <figcaption>Billede 1 - Tuberose, Liliaceae, flerårige urt.</figcaption>
</figure>

亲自试一试

Eksempel 2

Bruk CSS til å sette stilen på <figure> og <figcaption>:

<html>
<head>
<style>
figure {
  kanter: 1px #cccccc fast;
  marg: 4px;
  marg: auto;
}
figcaption {
  bakgrunnfarge: black;
  farge: white;
  skrifttype: italic;
  marg: 2px;
  tekstjustering: center;
}
</style>
</head>
</body>
<figure>
  <img src="tulip.jpg" alt="Tuberose" style="width:300px">
  <figcaption>Billede 1 - Tuberose, Liliaceae, flerårige urt.</figcaption>
</figure>
</body>
</html>

亲自试一试

全局属性

<figcaption> 标签还支持 HTML 中的全局属性。

事件属性

<figcaption> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <figcaption> 元素：

figcaption {
  display: block;
}

浏览器支持

表中的数字注明了首个完全支持该元素的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0