1.0.0 列表
什么是列表标签:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体.
html中分类:1.0 无序列表(unordered list ) 2.0 有序列表 (ordered list) 3.0 定义列表(definition list)
什么叫有先后之分?
什么叫没有先后之分?
格式:
<ul>
<li>需要显示的条目的内容</li>
</ul>
list item : 条目的意思,是ul 无序列表
注意点:
1. 无序列表是用来给一堆数据添加列表语义的,不是用来添加小圆点的。
2. ul标签和li标签是一个整体,是一个组合,所以一般情况下是一起出现的,不会单个出现,也就是是说一个ul标签或者单独使用一个li标签,都是结合在一起使用的。
3. 由于ul标签和li标签是一个组合,所以ul标签中不推荐使用包含其他标签,也就是说以后你在ul标签中只会看到li标签
注意点:
虽然通过标签属性也能修改样式,但是在企业开发中千万不要这么干,不赞成使用的
2.0.0
前面我们说过ul中最好只放li标签,但是在企业开发中,li标签中的内容可能会很复杂,所以我们可以继续在li标签中添加其他标签来丰富我们的界面。
总结:
2.0.1 .一定要记住ul标签中最好只放li标签
2.0.1 但是li标签中还可以继续存放其他标签
2.0.2 无需列表中的li标签除了可以添加其他标签还可以添加ul标签丰富界面
也就是说ul中有li。li中有ul
3.0.0
ul> li 然后按下tab
含义:生成一对ul标签,然后在ul标签中在生成一对li标签
在webstorm中如何快速编写一个ul的格式:
ul> li * 3 > h2 + ul>li * 3 然后按下tab键就可以自动生成啦
含义:生成一对ul标签,然后在ul标签中在生成3对li标签,每对li标签中包含一个h2标签和ul标签(其中的ul标签又包含3对li标签)
其中+ 加好的意思是代表的同级别的标签
3.0.1 定义列表的格式:
<dl>
<dt></dt>
<dl>
3.0.2 dd: defination description dt : defination title
注意点:
3.0.3 dl和dd/dt是一个整体,所以他们一般情况下不会单独出现,都是一起出现
3.0.4 由于dl和dt/dd是一个组合标签,所以dl中建议只放dt和dd标签
3.0.5 一个dt可以没有对应的dd,也可以有多个对一个的dd,但是无论有或者没有都不推荐使用。推荐使用一个dt对一个一个dd。
和li标签中一样,当需要丰富界面时,我们可以在dt和dd标签中继续添加其他标签,但是不要再dl中添加标签
HTML5-基础02
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一 : 科普一分钟 //其实我有很多奇思妙想的点子,被困在脑海中,往往这就是学习的动力开发的时候有很多好看绚丽的...
- GitHub主页:https://github.com/452MJ/weex-multi-page-demo 前言...
- 1.内容交互元素 与 用于文档的内容交互元素,用于文档的标题、内容、细节的内 容交互显示 1.1 deta...