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

黄舟
发布: 2017-06-21 09:41:50
原创
5832 人浏览过

首先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>
登录后复制

1543.png

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

<dl> 
   <dt>标题1</dt> 
   <dd>列表1</dd> 
   <dd>列表2</dd> 
</dl>
登录后复制

同时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>
    登录后复制

    以上是html中<dd>标签的使用以及作用详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板