ol -ul

本质区别:

  • ol:有序列表
  • ul:无序列表

用法:

  • ol和ul的用法是一样的,都是外层标签内套li标签。如下:
<ol>
<li>内容a</li>
<li>内容b</li>
</ol> 
<ul>
<li>内容a</li>
<li>内容b</li>
</ul> 

效果区别:

前边的代码会有如下的不同效果:
<ol>
<li>内容a</li><li>内容b</li>
</ol>
<ul>
<li>内容a</li><li>内容b</li>
</ul>

如何选择:

这个是比较简单的,就要取决于所要展示的内容没有顺序性,若有则用有序列表,反之,用无序列表。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,707评论 32 459
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 4,245评论 0 0
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,470评论 5 19
  • 这两年我一直在反复地看美剧《广告狂人》(MAD MEN),一开始是被这部剧的弥漫的美国60年代复古风情和教科书般的...
    黑蘑菇2333阅读 5,004评论 1 9