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

你可能感兴趣的文章
java web 中base64传输的坑
查看>>
java 中的线程(一)
查看>>
秒杀9种排序算法(JavaScript版)
查看>>
素数判断BFS之“Prime Path”
查看>>
Activiti入门 -- 环境搭建和核心API简介
查看>>
struts.convention.classes.reload配置为true,tomcat启动报错
查看>>
MySQL的并行复制多线程复制MTS(Multi-Threaded Slaves)
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
MySQL更改默认的数据文档存储目录
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>
Java 多态 虚方法
查看>>
Unity之fragment shader中如何获得视口空间中的坐标
查看>>
万能的SQLHelper帮助类
查看>>
uboot分析:uboot的启动过程分析
查看>>
tmux的简单快捷键
查看>>
springboot笔记04——读取配置文件+使用slf4j日志
查看>>
[Swift]LeetCode653. 两数之和 IV - 输入 BST | Two Sum IV - Input is a BST
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>