html中<dd>标签的使用以及作用详解

黄舟
Lepaskan: 2017-06-21 09:41:50
asal
5831 orang telah melayarinya

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

标题、标题对应列表效果演示
代码如下:

<html> 
<body> 
<h1>一个定义列表:</h1> 
<dl> 
    <dt>css网站</dt> 
    <dd>网址为www.divcss5.com</dd> 
    <dt>div css网站</dt> 
    <dd>网址为www.divcss5.com</dd> 
    <dt>div+css网站</dt> 
    <dd>网址为www.divcss5.com</dd> 
</dl> 
</body> 
</html>
Salin selepas log masuk

1543.png

扩展与提升
dl dt dd是一个组合型标签
标签标准用法,代码如下

<dl> 
   <dt>标题1</dt> 
   <dd>列表1</dd> 
   <dd>列表2</dd> 
</dl>
Salin selepas log masuk

同时dd内可以放置

    标签使用。

    dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦!

    < dt>< /dt>和< dd><
    /dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了:

    dl ——define list——定义列表
    dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。

    dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解

    例子:

    <dl> 
    <dt>Today 
    <dd>Today is yesterday. 
    
    <dt>Tomorrow 
    <dd>Tomorrow is today. 
    </dl>
    Salin selepas log masuk

    Atas ialah kandungan terperinci html中<dd>标签的使用以及作用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan