博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
lucas 定理,组合数取模
查看>>
Java——TreeSet中Comparable/Comparator比较器
查看>>
Android之ViewPager
查看>>
全面理解Javascript闭包和闭包的几种写法及用途
查看>>
【MySQL高可用架构设计】(一)-- mysql复制功能介绍
查看>>
如何使用USSD命令设置呼叫转移
查看>>
XC164单片机TwinCAN模块调试心得 (转)
查看>>
初识CUDA
查看>>
android-常用控件-<四>
查看>>
pring MVC过滤器-HttpPutFormContentFilter
查看>>
Linux之ulimit详解(整理)
查看>>
前端学习blog
查看>>
自己常用网址导航
查看>>
Texstudio中文乱码问题
查看>>
[MongoDB]入门笔记
查看>>
网站防止CC攻击的方法
查看>>
SharePoint 2013 工作流之使用Designer配置示例篇
查看>>
Photoshop cs6 快捷键命令大全
查看>>
蓝桥杯 九宫格 基础bfs+康托展开
查看>>
Airtest Project的探索和使用
查看>>