ol标签属性,web中ol标签

  ol标签属性,web中ol标签

  定义和用法OL标签定义有序列表。

  HTML 4.01和HTML 5的区别

  在HTML 4.01中,不推荐使用“start”属性,但在HTML 5中允许使用。

  在HTML 4.01中,不推荐使用“compact”和“type”属性。在HTML 5中,不再支持这两个属性。

  提示和评论

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

  例子

  XML/HTML代码将内容复制到剪贴板ol Li coffee/Li litea/Li/ol Li Li start= 60 coffee/Li litea/Li/ol

  HTML5提供的OL标签序号控制OL该标签以有序列表的形式显示数据,并自动对数据进行编号。但有时数据不是从1开始编号,或者编号排列顺序颠倒,或者编号完全混乱。此时,HTML5中为OL标签提供的一些参数需要用来设置。可惜目前不兼容IE。

  现在,我们有一个这样的HTML文档。

  XML/HTML代码将内容复制到剪贴板ol黎头/li li洋葱/li li胡萝卜/li li里脊肉/li /ol它将显示如下。

  默认情况下,这些序列号从1开始递增。OL标签中的序列号需要逆序排列怎么办?给OL加个保留属性就行了。

  XML/HTML代码将内容复制到剪贴板olreversed=reversed 。这是继承了XHTML的写法,但是你其实可以直接写olreversed,已经符合HTML5的标准了。加上这个后,可以得到这样的结果。

  Chrome和Firefox都可以,但是IE不兼容(至少我测试过IE10不兼容)。嗯,这个功能我现在也是刚刚了解,如果IE实现了就暂时不讨论了。

  那么,如果你不想让它从1开始呢?例如,要使它从3开始,我们可以将start属性添加到OL标记中,并将其设置为3。

  XML/HTML代码将内容复制到剪贴板olstart=3

  最后,完全无规律但有序的东西呢?比如我要2,1,3,4。这样的安排呢?其实这个序列号可以通过给LI加上value属性来控制。

  XML/HTML代码将内容复制到剪贴板ol livalue=2 马铃薯/li livalue=1 洋葱/li livalue=3 胡萝卜/li livalue=4 里脊肉/li /ol

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: