• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <li>

    HTML<li>元素(或称HTML列表条目元素)用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表(<ol>),一个无序列表(<ul>),或者一个菜单(<menu>)。在菜单或者无序列表里,列表条目通常用点排列显示;在有序列表里,列表条目通常在左边显示按升序排列的计数,例如数字或者字母。

    浏览器支持

    所有浏览器都支持

    示例

    <ol>
        <li>first item</li>
        <li>second item</li>
        <li>third item</li>
    </ol>	
    

    上面的 HTML 会输出:

    1. first item
    2. second item
    3. third item
    <ol type="i">
        <li value="3">third item</li>
        <li>fourth item</li>
        <li>fifth item</li>
    </ol>	
    

    上面的 HTML 会输出:

    1. third item
    2. fourth item
    3. fifth item
    <ul>
        <li>first item</li>
        <li>second item</li>
        <li>third item</li>
    </ul>
    • first item
    • second item
    • third item

    定义和用法

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

    请使用 CSS 来定义列表的类型。

    内容类别
    允许的内容流式内容
    标签省略如果列表元素的后面紧随另一个<li>元素,或者它的父元素中没有更多内容,结束标签可以省略。
    允许的父元素<ul><ol>、或者<menu>元素。过时的<dir>也可以作为父元素,但是并不提倡。
    DOM 接口HTMLLIElement
    元素类型块级

    HTML 4.01 与 HTML 5 之间的差异

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

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

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

    属性

    属性描述DTD
    type
    • A
    • a
    • I
    • i
    • 1
    • disc
    • square
    • circle
    规定列表的类型。THML5中废弃。此功能已过时。。TF
    valuenumber_of_list_itemTHML5中废弃。此功能已过时。请使用样式替代。TF

    实例

    HTML 两个列表实例:一个有序列表(<ol>)和一个无序列表(<ul>):

    <ol>
    	<li>coffee</li>
    	<li>tea</li>
    	<li>milk</li>
    </ol>
    <ul>
    	<li>coffee</li>
    	<li>tea</li>
    	<li>milk</li>
    </ul>
    

    例子

    <ol>
       <li>coffee</li>
       <li>tea</li>
    </ol>
    <ol>
       <li value="8">coffee</li>
       <li>tea</li>
    </ol>
    <ul>
       <li>coffee</li>
       <li>tea</li>
    </ul>
    

    上篇:<hr>

    下篇:<ol>