我想请问为什么要把dl 写多个而不是在一个dl里写多个dt+dd?
来源：2-17 自由编程
TheRoo
2020-11-30 20:49:03
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CareerBuilder</title>
</head>
<body>
<!-- header区域 -->
<header>
<!-- logo区域 -->
<div class="logo">
<img src="./images/logo.png" alt="" />
</div>
<!-- 导航区域 -->
<nav class="header_nav">
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GALLERY</li>
<li>FACULTY</li>
<li>CONTACT</li>
</ul>
</nav>
</header>
<!-- banner区域 -->
<div class="banner">
<!-- banner图片 -->
<div class="banner_pic">
<h1>banner图片</h1>
</div>
<!-- banner遮罩层 -->
<div class="banner_mask">
<h1>banner遮罩层</h1>
</div>
<!-- banner表单 -->
<div class="banner_form">
<h1>banner表单</h1>
</div>
</div>
<!-- about区域 -->
<div class="about">
<!-- about上半部分 -->
<div class="about_up">
<h1>about上半部分</h1>
</div>
<!-- about下半部分 -->
<div class="about_down">
<h1>about下半部分</h1>
</div>
</div>
<!-- 图文混排区域 -->
<div class="pic_mixed">
<h1>图片1</h1>
<h1>文字2</h1>
<h1>图片3</h1>
<h1>文字4</h1>
<h1>文字5</h1>
<h1>图片6</h1>
<h1>文字7</h1>
<h1>图片8</h1>
</div>
<!-- gallery区域 -->
<div class="gallery">
<!-- gallery上半部分 -->
<div class="about_up">
<h1>gallery上半部分</h1>
</div>
<!-- gallery下半部分 -->
<div class="about_down">
<dl>
<dt>图片</dt>
<dd>Science Lab</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Indoor Stadium</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Transportation</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Room</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Meditation Classes</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Play Ground</dd>
</dl>
</div>
</div>
<!-- footer区域 -->
<footer>
<span>© 2016 imooc.com 京ICP备13046642号</span>
</footer>
</body>
</html>
1回答
-
同学你好，问题解答如下：
1.如果放在同一个dl中，那么就表示一个列表。如果放在不同的dl中，表示不同的列表。dt表示列表的项目，而dd是对列表项目的描述。即同一个列表的内容，应该是相关联的。
2.本题中，一个图片对应一个文字描述。而下一张图片，也对应自己的描述。即属于6个不同的列表，它们之间没有关联，所以要放在不同dl中。
祝学习愉快~
1
相似问题
回答 1