布局标签（结构化语义标签）、列表标签

最新推荐文章于 2023-06-21 08:39:36 发布

守住⒈份信仰°

最新推荐文章于 2023-06-21 08:39:36 发布

阅读量968

点赞数

分类专栏：前端文章标签：列表 html html5

本文链接：https://blog.csdn.net/qq_43648337/article/details/108303725

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

布局标签

1、header表示网页的头部
2、main表示网页的主体部分（一个页面只能有一个）
3、footer表示网页的尾部
注：header和footer可以有多个，即可用来表示整个网页的头部尾部，也可用来表示网页某个部分的头部尾部
4、nav表示网页中的导航
5、aside表示与主体相关的其他内容（比如侧边栏等）
6、article表示独立的一篇文章
7、section表示一个独立的区块（当用上述的标签不能合适表示的内容可以section）
8、div没有语义，就用来表示一个区块，目前div还是主要的布局元素，可代替上面的元素使用（块元素）
9、span没有语义，行内元素，用来选中网页文字，目前span还是主要的布局元素

列表标签

html中可以创建三种列表，有序列表、无序列表、定义列表。
1、有序列表使用ol标签创建，li标签（list-item）表示列表项
2、无序列表使用ul标签创建，li标签（list-item）表示列表项
3、定义列表使用dl标签创建，dt标签表示定义的内容，dd标签来对内容进行解释说明
注：
在实际开发中，一般会把点和序号去掉（不同的浏览器显示效果不同），常使用无需标签。
列表可以嵌套，产生层次结构。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ol>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
    </ul>
    <dl>
        <dt>HTML</dt>
        <dd>HTML是超文本标记语言</dd>
    </dl>
    <ul>
        <li>HTML</li>
        <ul>
            <li>CSS</li>
            <ul>
                <li>JS</li>
            </ul>
        </ul>
    </ul>
</body>
</html>

守住⒈份信仰°

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
布局标签（结构化语义标签）、列表标签

布局标签1、header表示网页的头部2、main表示网页的主体部分（一个页面只能有一个）3、footer表示网页的尾部注：header和footer可以有多个，即可用来表示整个网页的头部尾部，也可用来表示网页某个部分的头部尾部4、nav表示网页中的导航5、aside表示与主体相关的其他内容（比如侧边栏等）6、article表示独立的一篇文章7、section表示一个独立的区块（当用上述的标签不能合适表示的内容可以section）8、div没有语义，就用来表示一个区块，目前div还是主要的
复制链接

扫一扫