这篇文章主要介绍了html中<dl> <dt> <dd> 标签元素怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
html <dl> <dt> <dd>组合标签与使用教程
类似于问题dt列表dd组合，放入dl内。自定义列表标签。dt有点不异为标题，而dd兴许作为平庸列表标签使用。
dl、dt、dd均不克不及零丁使用，三者一般为以标签组合来使用，就像ul li列表标签一样组合在一块儿使用，同时均属于html标签。
1、dl dt dd结构语法
<dl> <dt>列表项目称说</dt> <dd>形式一</dd> <dd>内容二</dd> <dd>模式三</dd> </dl>
不一定要dl dt dd配合组合着用。
标签组合根蒂语法结构与浏览截图
诚然：
<dl> <dt>dt形式</dt> <dd>只用一次DD</dd> </dl>
只用一次dd也是兴许的。
同时dd内使用ul li标签组合也是允许的。
2、体味
dl dt dd看似比拟繁杂的多个标签，现实上加以了解，dl好比外衣，dt相称于头部，dd为身体，而这个组合是不克不及兼并单独使用的。必须以dl dt dd组合着使用。
<dl> <dt> <dd>三个标签但凡能够加class与id引入CSS。
如：
<dl class="aaa"></dl> <dl id="bbb"></dl>
<dt class="ccc"></dt> <dt id="ddd"></dt>
<dd class="eee"></dd> <dd id="fff"></dd>
均是梗概的。
3、使用留心 dt内不能使用h2-h7标签，也即是说，dt不克不及放问题标签如h2、h3、h4、h5等
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>dl dt dd使用小实例 CSS5</title> <style> dl,dt,dd{ margin:0} dl.new-box{ border:1px solid #F00; width:200px} dl.new-box dt{ font-weight:bold; padding-bottom:10px} </style> </head> <body> <dl class="new-box"> <dt>CSS5栏目</dt> <dd><a href="//www.css5.com.cn/muban/">网页模板</a></dd> <dd><a href="//www.css5.com.cn/html/">HTML</a></dd> <dd><a href="//www.css5.com.cn/css/">CSS属性</a></dd> </dl> </body> </html>感谢你能够认真阅读完这篇文章，希望小编分享的“html中<dl> <dt> <dd> 标签元素怎么用”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
