<ol>标签属性详解,HTML中ol标签的作用
标签界说有序列表。
HTML4.01与HTML5之间的差异
在HTML4.01中,不赞成运用"start"特点,在HTML5中是允许的。
在HTML4.01中,不赞成运用"compact"和"type"特点,在HTML5中,不再支撑这两个特点。
提示和注释
提示:请运用CSS来界说列表的类型。
比方
XML/HTMLCode仿制内容到剪贴板
<ol>
<li>Coffeeli>
<li>Teali>
ol>
<ol>
<listart="60">Coffeeli>
<li>Teali>
ol>
HTML5供给的OL标签序号控制
OL这标签是以有序列表的方式来显现数据的,它会主动为数据加上编号。可是有时候数据并不是从1开始编号的,或许编号是倒序摆放的,又或许编号是完全杂乱的,这时就需要用到HTML5中对OL标签供给的一些参数来设置。不过遗憾的是,目前它还不兼容IE。
现在,咱们有一个这样的HTML文档
XML/HTMLCode仿制内容到剪贴板
<ol>
<li>马铃薯li>
<li>洋葱li>
<li>胡萝卜li>
<li>里脊肉li>
ol>
它会显现成这样
这些序号默许是从1开始递增的。假如需要让OL标签中的序号倒序摆放呢?这只要对OL加个reserved特点即可。
XML/HTMLCode仿制内容到剪贴板
<olreversed="reversed">
这个是承继自XHTML的写法,其实可以直接写
<olreversed>
这就已经契合HTML5的标准了,加上这个后就可以得到这样的结果
Chrome和Firefox中都是没问题的,可是IE不兼容它(至少我测试了IE10是不兼容的)。嘛,咱现在仅仅了解一下这个功用,至于IE实不完成暂时就不再讨论了。
接着,假如不想让它从1开始呢?比方要让它从3开始,咱们就可以给OL标签增加start特点,并设置为3。
XML/HTMLCode仿制内容到剪贴板
<olstart="3">
最终,对于完全无规律却又是有序的东西怎么做呢?比方我要2、1、3、4,这样的摆放怎么办?其实,只要给LI加上value特点就可以控制这个序号。
XML/HTMLCode仿制内容到剪贴板
<ol>
<livalue="2">马铃薯li>
<livalue="1">洋葱li>
<livalue="3">胡萝卜li>
<livalue="4">里脊肉li>
ol>
优秀作品:
最新作品:
评论列表(共70人参与)参与讨论或分享设计作品获得视觉癖积分奖励
ore属性注册会员
2021-07-29 15:44:48
赵灵儿:女娲族员,自幼与世隔绝,宛如池中白莲的脱俗少女,跟随姥姥隐居仙灵岛修炼,躲避仇敌的追杀。 林月如:南武林盟主林天南 width: 400px;" />
回复怎样去设注册会员
2021-07-29 20:42:16
时候咱们将哪游客
2021-07-29 13:16:56
游客80720:<ol>标签属 开数(正度)尺度单位(mm) 全开8441162 2开5818443开387844 quo;有妈妈在身边就可以永远做个小孩,永远都不长大 ☆爱没有方向,但你就是导航。
回复的梦不再注册会员
2021-07-29 17:59:6
ign: center;"> 都赶上绘本了。 画简笔画很简单,几笔就画好了,并且还能亲子互动。再画画的时分你画画,让宝宝帮你拿色彩,还能帮助宝宝知道色彩和动
回复