博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
dl,dt,dd标签的使用
阅读量:5098 次
发布时间:2019-06-13

本文共 2224 字,大约阅读时间需要 7 分钟。

dl就是定义一个列表

dt说明白了就是这个列表的标题

dd就是内容,能缩进
和UL,OL性质差不多

标题标题
内容内容
内容内容

dl,dt,dd是一个解释型的列表

比较常用的如:

”"
图片标题

以及

电影标题
主要演员:刘德华,周润发
影片长度:90分钟
内容介绍:……..

除了这些功能之外,可以比用在其他很多地方

其实dl dt dd表示的就是有标题的内容快,其余和 ul li 之类的都是表示列表性的内容,而一下情况则更适合用dl dt dd

  • 标题说明
  • 列表内容
可以考虑用
标题说明
列表内容

可以考虑

下面看几个例子吧:

1、使用不加任何样式的标签:

Name:
Squall Li
Age:
23
Gender:
Male
Day of Birth:
26th May 1986

在浏览器中你会看到:

是不是看起来很乱。下面加点样式来看看

    
Name:
Squall Li
Age:
23
Gender:
Male
Day of Birth:
26th May 1986

2、下面来看一个更加具体的例子:

    
News

3、查看京东页面你会看到具体的一个用处,如下图:

控制台查看:

 

转载于:https://www.cnblogs.com/duhuo/p/5656511.html

你可能感兴趣的文章
【图论 动态规划拆点】luoguP3953 逛公园
查看>>
转 关于oracle 分区表 表空间以及索引的总结
查看>>
CommonPrimeDivisors【未完成】
查看>>
使用 supervisor 管理进程
查看>>
如何让 height:100%; 起作用
查看>>
最大全零子矩阵
查看>>
poj 3494 Largest Submatrix of All 1’s
查看>>
Java IO(Properties/对象序列化/打印流/commons-io)
查看>>
sql 存储过程 递归
查看>>
【大话存储II】学习笔记(2章), SSD
查看>>
SQLHelp sql数据库的DAL
查看>>
阅读学术论文的心得体会from小木虫
查看>>
Python——Message控件
查看>>
多线程下单例模式:懒加载(延迟加载)和即时加载
查看>>
从 fn_dbLog 解析操作日志(补充update)
查看>>
JavaEE 数据库随机值插入测试
查看>>
this
查看>>
判断对象类型 type()
查看>>
Php函数之end
查看>>
腾讯AB题
查看>>