ol 与ul 的区别

Posted 小雨滴答

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ol 与ul 的区别相关的知识,希望对你有一定的参考价值。


1
<!DOCTYPE html> 2 <html> 3 <body> 4 5 <ul> 6 <li>咖啡</li> 7 <li>牛奶</li> 8 <li></li> 9 </ol> 10 11 <ol start="5"> 12 <li>咖啡</li> 13 <li>牛奶</li> 14 <li></li> 15 </ol> 16 17 </body> 18 </html>显示

<ol> 标签定义有序列表。

属性描述
compact compact

HTML5 中不支持。HTML 4.01 中不赞成使用。

规定列表呈现的效果比正常情况更小巧。

reversed reversed 规定列表顺序为降序。(9,8,7...)
start number 规定有序列表的起始值。
type
  • 1
  • A
  • a
  • I
  • i
规定在列表中

<ul> 标签定义无序列表。

属性描述
compact compact

不赞成使用。请使用样式取代它。

规定列表呈现的效果比正常情况更小巧。

type
  • disc
  • square
  • circle

不赞成使用。请使用样式取代它。

规定列表的项目符号的类型。

 

以上是关于ol 与ul 的区别的主要内容,如果未能解决你的问题,请参考以下文章

html中ol和ul的区别

ul ol di三者区别

关于ul和dl的区别

无序列表<ul>和有序列表<ol>

HTML知识点总结之ul,ol,li标签

ul ol li的序号编号样式