03HTML基础--列表标签

03HTML基础--列表标签

 


列表标签

无序列表(unordered list)

  • 作用: 给一堆内容添加无序列表语义(一个没有先后顺序整体), 列表中的条目是不分先后
  • 格式:
    • li 英文是 list item, 翻译为列表项

格式:<ul>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

    <h4>选择居住城市(CN)</h4>

    <ul>

        <li>北京</li>

        <li>上海</li>

        <li>广州</li>

        <li>铁岭</li>

    </ul>

https://i-blog.csdnimg.cn/blog_migrate/d57bae79c575a91b65a15394681c9dbc.webp?x-image-process=image/format,png

  • ul应用场景:
    • 导航条
    • 商品列表等
    • 新闻列表

 

https://i-blog.csdnimg.cn/blog_migrate/e0a63e7d37310ba26ab543f4b10d8a9b.webp?x-image-process=image/format,png

 

https://i-blog.csdnimg.cn/blog_migrate/b0d1d77a4ef60b81d5fbafb08a9e5833.webp?x-image-process=image/format,png

 

https://i-blog.csdnimg.cn/blog_migrate/a46a3669de8a80e2ae6629edaf34b639.webp?x-image-process=image/format,png

  • 注意事项:
    • 这里指的无序是指对于主体来说内容没有先后之分, 例如主题是"选择居住城市(CN)"北京上海都是中国的城市, 无论谁放在前面它都还是中国的城市的. 如果标题改为"中国雾霾排行", 那么就必须有严格的排名,北京必须写在前面
    •     浏览器会给无需列表自动添加先导符号但是一定一定千万千万要记住, ul的作用并不是给文字添加小圆点, 而是增加无序列表的语义
      •   其实ul还有一个type属性, 可以修改先导符号的样式, 取值有discsquarecircle几种
      •   但是由于样式将来都是通过css来完成, 所以这里就不给大家介绍了
    •     ul是一个组标签, 一定是一坨一坨的出现, 也就是说li标签不能单独存在, 必须包裹在ul里面
    •     由于ulli是一个整体, 所以ul里面不推荐包裹其它标签, 永远记住ul里面最好只写li标签
    • 虽然ul中推荐只能写li标签, 但是li标签是一个容器标签, li标签中可以添加任意标签, 甚至可以添加ul标签
    • 快速编写ul标签:ul>li*4

<ul>

        <li>

            好吃的

            <ul>

                <li>牛奶</li>

                <li>面包</li>

            </ul>

        </li>

        <li>

            <h1>日用的</h1>

            <ul>

                <li>毛巾</li>

                <li>牙膏</li>

            </ul>

        </li>

    </ul>

https://i-blog.csdnimg.cn/blog_migrate/6c013898913296f546db0a66df282d0f.webp?x-image-process=image/format,png


有序列表(ordered list)

列表包含三类:无序列表、有序列表、定义列表

  • 作用: 给一堆内容添加有序列表语义(一个有顺序整体), 列表中的条目有先后之分
  • 格式:

    <h4>中国房价排行</h4>

    <ol>

        <li>北京</li>

        <li>上海</li>

        <li>广州</li>

        <li>铁岭</li>

    </ol>

  • ol应用场景:
    • xxx排行榜
    • 其实ol应用场景并不多, 因为能用ol做的用ul都能做
  • 注意事项:
    • olul就是语义不一样,怎么使用都是一样的以及注意点都一样
    • 其实ul还有两个常见属性starttype属性, 可以修改先导符号的样式和序号
    • 但是由于样式将来都是通过css来完成, 所以这里就不给大家介绍了

定义列表(definition list)

  • 作用: 给一堆内容添加列表语义, 通过dt罗列出列表的条目, 然后再通过dd给每个条目进行相应的描述
  • 格式:
    • dt英文definition title, 翻译为定义标题
    • dd英文definition description, 翻译为定义描述信息

    <dl>

        <dt>北京</dt>

        <dd>国家的首都, 看升国旗的地方</dd>

        <dt>上海</dt>

        <dd>魔都, 遍地是黄金的地方</dd>

    </dl>

https://i-blog.csdnimg.cn/blog_migrate/9a1564fd2a1f169dc746b765ce4664db.webp?x-image-process=image/format,png

  • dl应用场景:
    • 网站底部相关信息
    • 但凡看到一堆内容都是用于描述某一个内容的时候就要想到dl

https://i-blog.csdnimg.cn/blog_migrate/173b1e03da8f870b3747fa5174a2ec51.webp?x-image-process=image/format,png

 

https://i-blog.csdnimg.cn/blog_migrate/df49b1d97974874976b171099602aa20.webp?x-image-process=image/format,png

  • 注意事项:
    - dl是一个组标签, 一定是一坨一坨的出现, 也就是说dtdd标签不能单独存在, 必须包裹在dl里面
    • 由于dldtdd是一个整体, 所以dl里面不推荐包裹其它标签
    • dddtli标签一样是容器标签, 里面可以添加任意标签
    • 定义列表非常灵活, 可以给一个dt配置多个dd, 但是最好不要出现多个dt对应一个dd, dd的语义是描述离它最近的一个dt, 所以其它dt相当于没有描述, 而定义列表存在的意义就是既可以列出每一个条目又可以对每一个条目进行描述
    • 定义列表非常灵活, 可以将多个dt+dd组合拆分为多个dl

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在信号处理领域,DOA(Direction of Arrival)估计是一项关键技术,主要用于确定多个信号源到达接收阵列的方向。本文将详细探讨三种ESPRIT(Estimation of Signal Parameters via Rotational Invariance Techniques)算法在DOA估计中的实现,以及它们在MATLAB环境中的具体应用。 ESPRIT算法是由Paul Kailath等人于1986年提出的,其核心思想是利用阵列数据的旋转不变性来估计信号源的角度。这种算法相比传统的 MUSIC(Multiple Signal Classification)算法具有较低的计算复杂度,且无需进行特征值分解,因此在实际应用中颇具优势。 1. 普通ESPRIT算法 普通ESPRIT算法分为两个主要步骤:构造等效旋转不变系统和估计角度。通过空间平移(如延时)构建两个子阵列,使得它们之间的关系具有旋转不变性。然后,通过对子阵列数据进行最小二乘拟合,可以得到信号源的角频率估计,进一步转换为DOA估计。 2. 常规ESPRIT算法实现 在描述中提到的`common_esprit_method1.m`和`common_esprit_method2.m`是两种不同的普通ESPRIT算法实现。它们可能在实现细节上略有差异,比如选择子阵列的方式、参数估计的策略等。MATLAB代码通常会包含预处理步骤(如数据归一化)、子阵列构造、旋转不变性矩阵的建立、最小二乘估计等部分。通过运行这两个文件,可以比较它们在估计精度和计算效率上的异同。 3. TLS_ESPRIT算法 TLS(Total Least Squares)ESPRIT是对普通ESPRIT的优化,它考虑了数据噪声的影响,提高了估计的稳健性。在TLS_ESPRIT算法中,不假设数据噪声是高斯白噪声,而是采用总最小二乘准则来拟合数据。这使得算法在噪声环境下表现更优。`TLS_esprit.m`文件应该包含了TLS_ESPRIT算法的完整实现,包括TLS估计的步骤和旋转不变性矩阵的改进处理。 在实际应用中,选择合适的ESPRIT变体取决于系统条件,例如噪声水平、信号质量以及计算资源。通过MATLAB实现,研究者和工程师可以方便地比较不同算法的效果,并根据需要进行调整和优化。同时,这些代码也为教学和学习DOA估计提供了一个直观的平台,有助于深入理解ESPRIT算法的工作原理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值