美文网首页
【Html5+CSS3 】2.5 加强版的ol与dl

【Html5+CSS3 】2.5 加强版的ol与dl

作者: 子午禾苇 | 来源:发表于2019-04-01 21:48 被阅读0次
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
    <ol start="50">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
     
    <ol reversed>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
        
    <ol start="9" reversed>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
    有序列表ol start reversed
    1)ol的start属性和reversed属性

    <ol>标签定义了一个有序列表,列表排序以数字来显示。
    使用<li>标签来定义列表选项
    ⚠️:无序列表使用<ul>标签

    (1)strat:定义标号的开始值。不赞成使用,请使用样式表来代替它
    (2)reversed:反向编号(9,8,7……)
    (3)type:规定列表的类型(1,A,a,I,I)。不赞成使用,请使用样式表来代替它

    2)重新定义含义的dl元素
    <dl>
      <dt>Coffee</dt>
      <dd>Black hot drink</dd>
      <dt>Milk</dt>
      <dd>White cold drink</dd>
    </dl>
    
    dl dt dd
    • 在HTML4.01中,<dl>是一个专门用来定义术语 的列表。
    • 在 HTML5 中,把dl元素进行了重定义。每一项包含一条或者多条带名字的dt(定义项目/名字),用来表示术语,dt后面紧跟一个或者多个dd(描述每一个项目/名字),用来表示定义。重定义后的dl列表包含多个带名字的列表项。

    相关文章

      网友评论

          本文标题:【Html5+CSS3 】2.5 加强版的ol与dl

          本文链接:https://www.haomeiwen.com/subject/wgeybqtx.html