• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    常用的HTML5列表标签

     一、列表标签作用

    作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体

    二、列表标签分类:

    1、无序列表unorderd list:给一堆数据添加列表语义,并且一堆数据中所有的数据都没有先后之分

    格式:

    <ul>
        <li>需要显示的条目内容</li>
    </ul>

    注意:ul标签是给列表内容添加语义的不是添加小圆点的;ul标签和li标签是一个整体,一起出现;ul标签中不推荐包含其它标签,可以在li标签中添加其它标签

    如何快速编写ul格式:ul>li*3 按tab键 生成一对ul标签,3对li标签

    应用场景为新闻/商品列表/导航条

    2、有序列表orderd list:

    <ol>
           <li>xxx<li>
      </ol>

    3、定义列表definition list:

    <dl>
        <dt></dt>
        <dd></dd>
    </dl>

    dt: definition title定义标题

    dd: definition description定义标题的描述

    应用场景:网站底部的描述信息;图文混排

    注意点:dl和dt、dd是一个整体,一起出现,dl中建议只放dt、dd;一个dt可以没有对应的dd,也可以有多个dd,建议一个dt对应一个dd;需要丰富界面时,可以在dt和dd标签中添加其它标签

    以上所述是小编给大家介绍的HTML5列表标签,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    上一篇:HTML5本地存储之IndexedDB
    下一篇:浅析HTML5中的 History 模式
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    常用的HTML5列表标签 常用的,常,用的,HTML5,列表,