Community Learn Tools Library Leisure
search
English
Home > Web Front-end > H5 Tutorial > HTML5每日一练之OL列表的改良

HTML5每日一练之OL列表的改良

WBOY
Release： 2016-05-17 09:09:22
Original
1331 people have browsed it

在HTML5中的OL被改良了，为它增加了两个新属性。

start属性：
start属性用来定义列表编号的起始位置，比如下面的代码，列表将从50开始51...55以此类推

    1.         
    2. 首页
    3.         
    4. 阅览室
    5.         
    6. 我的
    7.         
    8. 简历
    9.         
    10. 社区
    11.         
    12. 教程
    13.         
    14. HTML5
    15.         
    16. 专题
    17.         
    18. 酷站
    19.         
    20. TShirt
    21.         
    22. 作品
    23.         
    24. 学院




    reversed属性：
    reversed属性表示将列表进行反转，但是目前还没有任何一款浏览器对其提供支持，在这里就不细说了。

    运行一下看看效果：
      1.         
      2. 首页
      3.         
      4. 阅览室
      5.         
      6. 我的
      7.         
      8. 简历
      9.         
      10. 社区
      11.         
      12. 教程
      13.         
      14. HTML5
      15.         
      16. 专题
      17.         
      18. 酷站
      19.         
      20. TShirt
      21.         
      22. 作品
      23.         
      24. 学院




      Related labels：
      admin html
      source：php.cn
      Previous article：HTML5 Canvas 起步(1)-基本概念 Next article：HTML5-结构
      Statement of this Website
      The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
      Latest Articles by Author
      Latest Issues
      Regular expression filter for MERN stack search boxes and checkboxes I'm trying to understand how the MERN stack works together by learning by doing, and I'm f...
      From 2024-04-06 14:53:12
      0
      1
      425
      Can PDF files run HTML5 and Javascript? I have a stupid idea to try and make a program that won't be blocked on any computer since...
      From 2024-04-05 12:57:00
      0
      1
      456
      Prestashop installation issue: Unable to install custom module I am new to Prestashop module development. I'm trying to build Amy's first prestashop modu...
      From 2024-04-03 19:24:44
      0
      1
      402
      PHP Tutorial: How to upload text and images to Linkedin using PHP? I try to upload text, images and links using LinkedinsRestAPI (https://learn.microsoft.com...
      From 2024-04-03 18:42:29
      0
      1
      420
      Unable to receive information from my mySQL database despite having seen tutorials doing the exact same thing So I'm trying to make a program that reads and writes to a MySQL database, which led me to...
      From 2024-04-03 14:46:04
      0
      1
      298
      Related Topics
      More>
      Popular Recommendations
      Popular Tutorials
      More>
      Related Tutorials
      Popular Recommendations
      Latest courses
      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template