初识Web前端——语义化标签之分组元素

最新推荐文章于 2024-03-02 23:51:18 发布

Volcano_WQL

最新推荐文章于 2024-03-02 23:51:18 发布

阅读量217

点赞数

文章标签： html5 css3 html

本文链接：https://blog.csdn.net/qq_45614713/article/details/104646684

版权

分组元素

1.figure and figcaption元素

2.hgroup元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分组元素</title>
</head>
<body>
    <figure>
<!--        figure用于定义独立的流内容（图像、图表、照片、代码等）一般指一个独立的单元
                    其中内容应与主内容相关，但不对文档流产生影响-->
        <figcaption>
<!--            figcaption用于为figure元素组添加标题，
                            一个figure中最多一个figcaption,
                                figcaption应位于figure的第一或最后 子元素的位置-->
            我位于父元素的第一或最后位置
        </figcaption>
        <hgroup>
<!--            hgroup将多个标题（主标题、副标题或子标题）组成一个标题组，通常与h1~6组合使用
                        通常将hgroup放在header中
                        Attention：
                        1.只有一个标题元素时，不建议使用
                            2.当出现一个及以上标题与元素时，推荐使用hgroup元素作为标题元素
                                3.当一个标题包含副标题、section或者article时，建议将hgroup和标题相关元素放在header中-->
        </hgroup>
    </figure>
</body>
</html>

Volcano_WQL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初识Web前端——语义化标签之分组元素

分组元素1.figure and figcaption元素2.hgroup元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分组元素</title></head><body> ...
复制链接

扫一扫