用作文档中插图的图像:

    1. <figure>
    2. <p>大桥</p>
    3. <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
    4. </figure>

    使用 <figcaption> 元素为 <figure> 添加标题(caption)。

    实际案例:

    1. <figure class="sample1">
    2. <img src="https://source.unsplash.com/h5Obx4SFWx0" alt="sample1-2" />
    3. <figcaption>
    4. <div>
    5. <h2>甜罂粟种子面包甜点<span>素食主义者的喜爱</span></h2>
    6. </div>
    7. <div><p>有关食谱和更多信息...</p></div>
    8. <a href="#"></a>
    9. </figcaption>
    10. </figure>