老师，可以这样写吗，只写一个dl，能实现，但是区别是什么呢
来源：2-17 自由编程
慕勒1228195
2021-05-21 20:41:28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=a, initial-scale=1.0">
<title>小幕医生</title>
</head>
<body>
<!-- 页面头部 -->
<div>
<div class="logo">logo</div>
<!-- 导航区域 -->
<div class="nav">
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GALLERY</li>
<li>FACULTY</li>
<li>EVENTS</li>
<li>CONTACT</li>
</ul>
</div>
</div>
<!-- 页面内容 -->
<div>
<!-- banner区域 -->
<div>
<div>banner图片</div>
<div>banner遮罩层</div>
<div>banner表单</div>
</div>
<!-- about区域 -->
<div>
<div>about上半部分</div>
<div>about下半部分</div>
</div>
<!-- 图文混排区域 -->
<div>
<div>图片1</div>
<div>文字2</div>
<div>图片3</div>
<div>文字4</div>
<div>文字5</div>
<div>图片6</div>
<div>文字7</div>
<div>图片8</div>
</div>
<!-- gallery区域 -->
<div>
<div>gallery上半部分</div>
<div>
<dl>
<dt>图片</dt>
<dd>Science Lab</dd>
<dt>图片</dt>
<dd>indoor Stadium</dd>
<dt>图片</dt>
<dd>Transportation</dd>
<dt>图片</dt>
<dd>KidS Room</dd>
<dt>图片</dt>
<dd>Meditation Classes</dd>
<dt>图片</dt>
<dd>Kids play Ground</dd>
</dl>
</div>
</div>
</div>
<!-- 页面页脚 -->
<div>
<div>
<p>©imooc.com 京ICP备案13046642号</p>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕然然
2021-05-22
同学你好，代码实现没问题，是可以只写一个dl标签的，与写多个dl标签对在显示效果上是没有区别的。但是建议在该网页结构布局中，将每一项内容都使用一个dl标签对包裹，这样写结构更清晰，便于后期设置样式，参考如下
另外，一定要注意<dl> <dt> <dd>是一套组合标签，使用了 <dt> <dd>最外层就必须使用<dl>包裹。
祝学习愉快！
0
相似问题