html5中的列表分为哪些类型


这篇文章主要介绍“html5中的列表分为哪些类型”,在日常操作中,相信很多人在html5中的列表分为哪些类型问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”html5中的列表分为哪些类型”的疑惑有所帮助!接下来,请跟着小编一起来学习吧! html5中的列表有3种:1、无序列表,使用“本教程操作环境:windows7系统、HTML5版、Dell G3电脑。作用: 给一堆内容添加无序列表语义(一个没有先后顺序整体), 列表中的条目是不分先后格式:li 英文是 list item, 翻译为列表项ul应用场景:导航条商品列表等新闻列表
注意事项:
这里指的无序是指对于主体来说内容没有先后之分, 例如主题是”选择居住城市(CN)”北京上海都是中国的城市, 无论谁放在前面它都还是中国的城市的. 如果标题改为”中国雾霾排行”, 那么就必须有严格的排名,北京必须写在前面浏览器会给无需列表自动添加先导符号但是一定一定千万千万要记住, ul的作用并不是给文字添加小圆点, 而是增加无序列表的语义其实ul还有一个type属性, 可以修改先导符号的样式, 取值有disc、square、circle几种但是由于样式将来都是通过css来完成, 所以这里就不给大家介绍了ul是一个组标签, 一定是一坨一坨的出现, 也就是说li标签不能单独存在, 必须包裹在ul里面由于ul和li是一个整体, 所以ul里面不推荐包裹其它标签, 永远记住ul里面最好只写li标签虽然ul中推荐只能写li标签, 但是li标签是一个容器标签, li标签中可以添加任意标签, 甚至可以添加ul标签作用: 给一堆内容添加有序列表语义(一个有顺序整体), 列表中的条目有先后之分
格式:ol应用场景:xxx排行榜其实ol应免费云主机域名用场景并不多, 因为能用ol做的用ul都能做注意事项:ol和ul就是语义不一样,怎么使用都是一样的以及注意点都一样其实ul还有两个常见属性start、type属性, 可以修改先导符号的样式和序号但是由于样式将来都是通过css来完成, 所以这里就不给大家介绍了作用: 给一堆内容添加列表语义, 通过dt罗列出列表的条目, 然后再通过dd给每个条目进行相应的描述
格式:dt英文definition title, 翻译为定义标题dd英文definition description, 翻译为定义描述信息dl应用场景:网站底部相关信息但凡看到一堆内容都是用于描述某一个内容的时候就要想到dl注意事项:– dl是一个`组标签`, 一定是一坨一坨的出现, 也就是说dt和dd标签不能单独存在, 必须包裹在dl里面由于dl和dt、dd是一个整体, 所以dl里面不推荐包裹其它标签dd和dt和li标签一样是容器标签, 里面可以添加任意标签定义列表非常灵活, 可以给一个dt配置多个dd, 但是最好不要出现多个dt对应一个dd, dd的语义是描述离它最近的一个dt, 所以其它dt相当于没有描述, 而定义列表存在的意义就是既可以列出每一个条目又可以对每一个条目进行描述定义列表非常灵活, 可以将多个dt+dd组合拆分为多个dl到此,关于“html5中的列表分为哪些类型”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: 淘客小程序如何制作

今天小编给大家分享一下淘客小程序如何制作的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。   第一步:你得先申请1个微信小程序并认证(未认证不能上…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 08/16 08:35
Next 08/16 08:35

相关推荐