tu-biao.md

2.17 獨立內容

<figure>...</figure>：表示是一段獨立的內容。

<figcaption>...</figcaption>：上述獨立內容的標題。放在 <figure> 標籤中。

範例

<figure>
  <img src="https://alldata.sgp1.digitaloceanspaces.com/images/butterfly.png" alt="蝴蝶" title="蝴蝶">
  <figcaption>這是蝴蝶的照片，此描述會視為是圖片的標題</figcaption>
</figure>

{% embed url="https://codepen.io/carlos411/pen/gOYmOYN" %}

{% hint style="info" %} 觀察：

這裡有幾個運用的範例，請觀察。 {% endhint %}