dl以及dt,dd,以及table的tr,th,td最清楚分析

Posted hduhdc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dl以及dt,dd,以及table的tr,th,td最清楚分析相关的知识,希望对你有一定的参考价值。

1,定义:
<dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。
<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进。
2,用法:

<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
...
</dl>
首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

我们实践使用dl dt dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。
<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
...
</dl>
语法解释:
首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

以上是关于dl以及dt,dd,以及table的tr,th,td最清楚分析的主要内容,如果未能解决你的问题,请参考以下文章

html中,dl,dt,dd怎么使用

使用CSS伪类和伪对象实现dl;dt+dd在一行显示

使用CSS伪类和伪对象实现dl;dt+dd在一行显示

如何使用ng-if和tr-tag以及ng-repeat?

初始化css状态

html的标签嵌套规则