麻烦老师审阅

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小幕医生 - 责任、品质、关爱</title>
<meta name="Description" content="小幕医生是专业的医生">
<meta name="Keywords" content="美容，减脂，内科，外科">
</head>
<body>
    <!-- 专家介绍 -->
    <div class="exp-info">
    <h3>专家介绍</h3>
    <a href="">查看更多</a>
        <div>
            <dl>
                <dt>
                    <a href=""><img src="assets/Mask group1.png" alt=""></a>
                </dt>
                <dd>
                <p>姓名：李琳</p> 
                <p>科室：肿瘤内科</p> 
                <p>职称：主任医师</p> 
                <p>介绍：北京医院肿瘤内科科室主任，党支部书记，副教授，硕士研究生导师，中国老年肿瘤专业委员会肺癌分委会常务委员，北京医学……</p> 
                </dd>
            </dl>
        </div>
    </div>

与民桐乐 2022-05-15

源自：多媒体与语义化标签 3-9 项目作业

收起

1回答

好帮手慕慕子 2022-05-16 13:06:08

同学你好，思路是可以的，建议优化：可以去掉dl外的div，简化代码，示例：

祝学习愉快~

收起回答

提问者与民桐乐 #1

老师你好，我这个是举其中一个医生，想请教下如果是多个医生资料也可以去掉div优化么？去掉和不去掉我发现没什么不同，包括在3-7章节用ul 和li 时候也涉及用div分开每个医生。是否也可以进行优化？麻烦老师帮忙再解答下。谢谢

2022-05-16 13:36:11
好帮手慕慕子回复提问者与民桐乐 #2

同学你好，对于你的问题解答如下：
1、如果是多个医生的话，不建议去掉div，因为使用div包裹所有的医生资料，可以让代码结构划分更加清晰，如下（为了方便截图，将医生资料信息折叠起来了）：
2、不推荐再优化，因为后续学习css后，讲师会在此代码的基础上书写css样式，建议同学跟着视频中讲师的讲解学习。对于是否要优化代码，同学不用过于纠结，老师提供的只是一个建议，可以作为一个参考的思路，也并不是说一定就要这样写。例如：如果从结构划分方面看，可能多嵌套一层，结构会更加清晰，如果从简化代码的角度看，在能实现效果的前提下，那当然是不嵌套更好。
祝学习愉快~

2022-05-16 13:44:53
提问者与民桐乐回复好帮手慕慕子 #3

了解，非常感谢！

2022-05-16 16:07:39