前端——列表

最新推荐文章于 2024-01-21 13:52:16 发布

翊小宸

最新推荐文章于 2024-01-21 13:52:16 发布

阅读量607

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_45058912/article/details/118343602

版权

前端专栏收录该内容

26 篇文章

订阅专栏

本文探讨前端开发中如何有效地渲染和管理列表数据，包括使用HTML、CSS和JavaScript的技巧，以及现代前端框架如React、Vue和Angular中的列表渲染方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        列表（list）  块元素
            1.铅笔
            2.尺子
            3.橡皮
        
        在html中也可以创建列表，html列表一共有3种：
            1.有序列表
            2.无序列表
            3.定义列表

        - 有序列表，使用ol标签来创建有序列表
            使用li表示列表项
        - 无序列表，使用ul标签来创建有序列表
            使用li表示列表项
        - 定义列表，使用dl标签来创建定义列表
            使用dt来表示定义的内容
            使用dd来对内容进行解释说明
        列表之间可以互相嵌套

     -->
    
    <ul>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
    </ul>

    <ol>
        <li>结构</li>
        <li>表现</li>
        <li>行为</li>
    </ol>

    <dl>
        <dt>结构</dt>
        <dd>结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落</dd>
    </dl>

    <ul>
        <li>
            aa
            <ul>
                <li>aa-1</li>
                <li>aa-2</li>
                <ul>
                    <li>aa-1</li>
                    <li>aa-2</li>
                </ul>
            </ul>
        </li>
    </ul>

</body>
</html>