【9】HTML基础(3)——常用标签⑤ 十、定义列表标签

十、定义列表标签

  • 列表用于制作HTML中的一系列项目;
  • 通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建;
  • 根据项目的内容不同,可以有三种语义的列表结构:无序列表、有序列表、定义列表;
  • 比如下图,常见列表情况:③定义列表

(一)语法:

  • 自定义列表不仅仅是一列项目,而是项目及其注释的组合;
  • 由三个标签组成完整的结构,包含<dl><dt><dd>
    dl:definition list,表示定义一个自定义列表的大结构‘
    dt:definition term,表示定义自定义列表中的一个主题或者术语;
    dd:definition description,定义解释项,表示描述或解释前面的定义主题;
  • <dl>内部只能嵌套<dt><dd><dt><dd>是同级关系。
<dl>
<dt>主题</dt>
<dd>解释项</dd>
</dl>

(二)注意事项

  • <dl>内部只能嵌套<dt><dd><dt><dd>不能脱离<dl>单独书写;
  • dl内部可以放多组dtdd,每个dd解释说明的是前面的距离最近的一个dt
  • 每个dt后面可以有0到多个解释项的dd,每个dd解释的都是前面距离最近的一个dt
  • dtdd标签也是容器级标签,内部可以放置任意内容;
  • 定义列表中的缩进样式由css负责,标签只负责搭建语义结构;
  • 配合着css布局效果,最好每个dl中只添加一组dt和dd,便于后期管理

下篇继续…

全部评论

相关推荐

不愿透露姓名的神秘牛友
07-01 17:13
想去,但是听说加班强度实在难崩,所以拒绝了,现在有点心梗对面hr感觉也是实习生,打电话的时候怪紧张的,但是感觉人很好嘞
水中水之下水道的鼠鼠:哥们这不先去体验一下,不行再跑呗,大不了混个实习经历(有更好的转正offer就当我没说)
点赞 评论 收藏
分享
大方的大熊猫准备进厂:1.教育背景:你希望从事什么专业的工作你的主修课就是什么;成绩优秀是你应该做的,没什么可描述的,成绩不优秀也许人家在大学忙着创业呢?(成绩优秀不一定是好事,只能说明多元化的大学你上成了高中,没有真正上明白大学,反而体现了你死板,不爱社交,没有别的突出能力) 2.实践经历:你想表达的意思没有说清楚。你是说你会个性化服务,还是你有实习经历。如果没有带来,经济收益,表彰,更好的发展前景,那你还不如说说提升了自己哪些技能。你说有人给你送锦旗我都能明白你优秀,但是你说你会xxxx,你说这话谁信,证据呢。 3.入伍经历:你描述的就是你的工作职责或者你应该做的,并没有体现出来你把这个事情做好了,而且入伍经历并不能证明你能干好你要应聘的工作,不如只写经历其余所有内容都不写。 4.荣誉技能:重点突出一下,但不要过多描述,这些荣誉的含金量懂得都懂。 重点:你要应聘什么工作(具体岗位,实习生不具体),你的期望薪资
点赞 评论 收藏
分享
废物一个0offer:认真的吗二本本科找人工智能岗位
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务