• 技术文章 >web前端 >前端问答

    html5中li标签的用法是什么

    长期闲置长期闲置2022-01-13 15:18:08原创85

    在html5中,li标签用于定义列表的列表项,该标签与ul标签和ol标签配合使用时,可以用于定义无序列表和有序列表,语法为“<ol><li>有序列表</li></ol>”和“<ul><li>有序列表</li></ul>”。

    本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

    html5中li标记的用法是什么

    <li> 标签定义列表项,有序列表和无序列表中都使用 <li> 标签。

    HTML 4.01 与 HTML 5 之间的差异

    在 HTML 4.01 中, 不赞成使用 "type" 和 "value" 属性。

    在 HTML 5 中,不再支持 "type" 属性。

    在 HTML 5 中, 并没有不赞成使用 "value" 属性,但是仅能够与 <ol> 元素一起使用。

    示例如下:

    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>123</title> 
    </head>
    <body>
    <p>有序列表:</p>
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    <p>无序列表:</p>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    </body>
    </html>

    输出结果:

    07.png

    推荐教程:《html视频教程

    以上就是html5中li标签的用法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html
    上一篇:css3的边距属性包括哪两种 下一篇:css3过渡采用什么属性

    相关文章推荐

    • html5中媒体元素有哪些• HTML+CSS+JS实现雪花飘扬(代码分享)• HTML5中段落文本是用什么表示• html5怎样利用快捷键实现注释• wap和html5的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网