页面图文语义化解决方案 -

页面的图文语义化解决方案

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>图文语义化解决方案</title>
    </head>
    <body>
        <!--1. 传统图文-->
        <div>
            <img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt="这是图片"/>
            <p>hello,world</p>
        </div>
        <!--2. 语义化图文 figure-->
        <figure>
            <!--图片-->
            <img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt="xxxxx">
            <!--文字-->
            <figcaption>
                图片内容介绍
            </figcaption>
        </figure>
    </body>
</html>