html5中ol的意思,详解HTML5中ol标签的用法

定义和用法

标签定义有序列表。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中，不赞成使用 "start" 属性，在 HTML 5 中是允许的。

在 HTML 4.01 中，不赞成使用 "compact" 和 "type" 属性，在 HTML 5 中，不再支持这两个属性。

提示和注释

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

例子

XML/HTML Code复制内容到剪贴板

Coffee
Tea

Coffee
Tea

HTML5提供的OL标签序号控制

OL这标签是以有序列表的形式来显示数据的，它会自动为数据加上编号。但是有时候数据并不是从1开始编号的，或者编号是倒序排列的，又或者编号是完全杂乱的，这时就需要用到HTML5中对OL标签提供的一些参数来设置。不过遗憾的是，目前它还不兼容IE。

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

XML/HTML Code复制内容到剪贴板

土豆
洋葱
胡萝卜
里脊肉

它会显示成这样

这些序号默认是从1开始递增的。如果需要让OL标签中的序号倒序排列呢？这只要对OL加个reserved属性即可。

XML/HTML Code复制内容到剪贴板

这个是继承自XHTML的写法，其实可以直接写

这就已经符合HTML5的标准了，加上这个后就可以得到这样的结果

Chrome和Firefox中都是没问题的，但是IE不兼容它(至少我测试了IE10是不兼容的)。嘛，咱现在只是了解一下这个功能，至于IE实不实现暂时就不再讨论了。

接着，如果不想让它从1开始呢？比如要让它从3开始，我们就可以给OL标签添加start属性，并设置为3。

最后，对于完全无规律却又是有序的东西怎么做呢？比如我要2、1、3、4，这样的排列怎么办？其实，只要给LI加上value属性就可以控制这个序号。

XML/HTML Code复制内容到剪贴板

土豆
洋葱
胡萝卜
里脊肉

html5中ol的意思,详解HTML5中ol标签的用法相关推荐

python中index函数_详解python中的index函数用法
1.函数的创建 def fun(): #定义 print('hellow') #函数的执行代码 retrun 1 #返回值 fun() #执行函数 2.函数的参数普通参数 :要按照顺序输入参数 de ...
python中squeeze函数_详解pytorch中squeeze()和unsqueeze()函数介绍
squeeze的用法主要就是对数据的维度进行压缩或者解压. 先看torch.squeeze() 这个函数主要对数据的维度进行压缩,去掉维数为1的的维度,比如是一行或者一列这种,一个一行三列(1,3)的 ...
计算机中常用软件列表,详解win10中常用软件列表不要在任务栏显示的方法
我们在win10系统的使用中,在win10的界面中我们经常使用软件在电脑任务栏中会在电脑中显示,那很多的小伙伴在电脑中是不想要显示的遇到这个问题我们怎么取消这个常用的软件在任务栏一直显示的情况呢,今天 ...
在PHP中implement什么意思,详解php中的implements 使用
php类中接口的应用关键字是interface.implements了,接口是一种成员属性全部为抽象或常量的特殊抽象类,implements主要是对类名,类所拥有的方法,以及所传参数起约束和规范做用, ...
java中parent结构_详解java中继承关系类加载顺序问题
详解java中继承关系类加载顺序问题实例代码: /** * Created by fei on 2017/5/31. */ public class SonClass extends ParentC ...
java中this.getclass()_详解java中this.getClass()和super.getClass()的实例
详解java中this.getClass()和super.getClass()的实例前言: 遇到this.getClass()和super.getClass()的返回值感到疑惑,经过探索豁然开朗. ...
python中延时函数_详解python中实现延时回调普通函数
这篇文章主要给大家介绍了关于python中实现延时回调普通函数的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧. 前言 ...
python中递归函数写法_详解python中递归函数
函数执行流程 def foo1(b,b1=3): print("foo1 called",b,b1) def foo2(c): foo3(c) print("foo2 c ...
共享内存中使用指针_详解c++中字符指针数组的使用
之前有写过一篇叫c++中动态数组的使用,今来看看c++中的字符指针数组的使用. 涛哥:c++中的动态数组使用zhuanlan.zhihu.com 指针数组,就指向指针的指针,很早以前在说指针的时候说 ...
java中$和的区别详解_MyBatis中#{}和${}的区别详解
区别 1.#将传入的数据都当成一个字符串,会对自动传入的数据加一个双引号.如:order by #user_id#,如果传入的值是111,那么解析成sql时的值为order by "111& ...

html5中ol的意思,详解HTML5中ol标签的用法

html5中ol的意思,详解HTML5中ol标签的用法相关推荐

最新文章

热门文章