老师 请检查一下

来源:3-7 小慕医生项目开发

今天的你努力了吗

2022-01-13 16:08:52

<!DOCTYPE html>
<html>
  <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" />
    <meta name="Keywords" content="美容、减脂、养生" />
    <meta name="Description" content="小慕医生,你最好的伙伴" />
    <title>小慕医生</title>
  </head>
  <body>
    <!-- 网页头部 -->
    <header>
      <!-- 网页 logo -->
      <div class="logo">
        <a href=""><img src="images/logo.png" /></a>
      </div>
      <!-- 电话 -->
      <div class="tel">问题描述:
        <a href="tel:088-88888888">
          <img src="images/tel.png" />
          <span>088-88888888</span>
        </a>
        <img src="images/chinese_icon.png" />
        <img src="images/english_icon.png" />
      </div>
      <!-- 导航条 -->
      <nav class="header-nav">
        <ul>
          <li><a href="">首页</a></li>
          <li><a href="">医院概况</a></li>
          <li><a href="">医院动态</a></li>
          <li><a href="">专家学科</a></li>
          <li><a href="">服务指南</a></li>
          <li><a href="">医院文化</a></li>
          <li><a href="">信息公开</a></li>
          <li><a href="">互动交流</a></li>
        </ul>
      </nav>
    </header>
    <!-- 网页主体部分 -->
    <main>
      <h2>责任,科学,严谨</h2>
      <!-- 横幅 -->
      <aside>
        <a href="">
          <img src="images/banner.png " width="100%" />
        </a>
      </aside>
      <!-- 小圆点 -->
      <div>
        <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <!-- 常用链接 -->
      <nav class="main-nav">
        <ul>
          <li>
            <a href="">
              <img src="images/icon_jzxz.png" alt="" />
              <span>就诊须知</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="images/icon_jylc.png" alt="" />
              <span>就医流程</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="images/icon_zjjs.png" alt="" />
              <span>专家介绍</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="images/icon_ksjs.png" alt="" />
              <span>科室介绍</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="images/icon_ybjy.png" alt="" />
              <span>医保就医</span>
            </a>
          </li>
          <li>
            <a href="">
              <img src="images/icon_jktj.png" alt="" />
              <span>健康体检</span>
            </a>
          </li>
        </ul>
      </nav>
      <!-- 医院新闻 -->
      <section class="news">
        <h3>医院动态</h3>
        <div>
          <a href="">
            <img src="images/news_pic.png" />
            <span>“全国首届健康预防与商业医疗保险论坛”在北京医院举办</span>
          </a>
        </div>
        <div class="news">
          <ul>
            <li>
              <a href="">年度医疗机构用血自查评分表和科室基本信息表</a>
            </li>
            <li>
              <a href="">关于上报北京市医疗机构临床用血信息的通知</a>
            </li>
            <li>
              <a href="">北京医院输血科通过验收并获批开展“临床基…</a>
            </li>
            <li>
              <a href="">国家药品监督管理局关于修订都梁软胶囊非处…</a>
            </li>
            <li>
              <a href="">关于将多拉司琼注射剂等药品纳入本市基本医…</a>
            </li>
            <li>
              <a href="">关于调整完善本市基本医疗保险门诊特殊疾病…</a>
            </li>
            <li>
              <a href="">广东省药学会:关于印发《超药品说明书用药…</a>
            </li>
            <li>
              <a href="">人力资源社会保障部关于将36种药品纳入国家…</a>
            </li>
          </ul>
        </div>
        <!-- 公告栏 -->
        <div class="affiche">
          <h3>医院公告</h3>
          <dl>
            <a href="">
              <dd>《养生堂》</dd>
              <dt>公郭立新主任 特殊时期糖尿病人的新冠…</dt>
            </a>
            <a href="">
              <dd>《养生堂》</dd>
              <dt>王少为主任 新型冠状病毒防控指引十八…</dt>
            </a>
            <a href="">
              <dd>《我要当医生》</dd>
              <dt>谭玲副主任 李同舟 姚晨蕊药师</dt>
            </a>
            <a href="">
              <dd>《全民健康学院》</dd>
              <dt>王建业院长 “医”路有你 健康同行</dt>
            </a>
            <a href="">
              <dd>《健康北京》</dd>
              <dt>王建业院长 莫把衰老当病治</dt>
            </a>
          </dl>
        </div>
      </section>
      <!-- 宣传横幅 -->
      <aside class="banner">
        <a href=""><img src="images/xuanchuan.png" /></a>
      </aside>
      <!-- 科室介绍 -->
      <section class="keshi">
        <h3>科室介绍</h3>
        <div>
          <h4>内科</h4>
          <ul>
            <li><a href="">呼吸内科</a></li>
            <li><a href="">消化内科</a></li>
            <li><a href="">神经内科</a></li>
            <li><a href="">心血管内科</a></li>
            <li><a href="">肾内科</a></li>
            <li><a href="">血液内科</a></li>
            <li><a href="">免疫科</a></li>
            <li><a href="">内分泌科</a></li>
          </ul>
        </div>
        <div>
          <h4>肿瘤科</h4>
          <ul>
            <li><a href="">肿瘤内科</a></li>
            <li><a href="">肿瘤外科</a></li>
            <li><a href="">肿瘤妇科</a></li>
            <li><a href="">骨肿瘤科</a></li>
            <li><a href="">放疗科</a></li>
            <li><a href="">肿瘤康复科</a></li>
            <li><a href="">肿瘤综合科</a></li>
          </ul>
        </div>
        <div>
          <h4>外科</h4>
          <ul>
            <li><a href="">普通外科</a></li>
            <li><a href="">神经外科</a></li>
            <li><a href="">心胸外科</a></li>
            <li><a href="">泌尿外科</a></li>
            <li><a href="">肝胆外科</a></li>
            <li><a href="">肛肠外科</a></li>
            <li><a href="">心血管外科</a></li>
            <li><a href="">烧伤科</a></li>
            <li><a href="">骨外科</a></li>
            <li><a href="">乳腺外科</a></li>
          </ul>
        </div>
        <div>
          <h4>儿科</h4>
          <ul>
            <li><a href="">儿科综合</a></li>
            <li><a href="">小儿内科</a></li>
            <li><a href="">小儿外科</a></li>
            <li><a href="">新生儿科</a></li>
            <li><a href="">儿童营养科</a></li>
            <li><a href="">消化内科</a></li>
          </ul>
        </div>
      </section>
      <!-- 专家介绍 -->
      <section class="zhuanjia">
        <h3>专家介绍</h3>
        <div>
          <a href="">
            <img src="images/Mask group1.png" />

            <p>姓名:李琳</p>
            <p>科室:肿瘤内科</p>
            <p>职称:主任医师</p>
            <p>
              介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……
            </p>
          </a>
          <a href="">
            <img src="images/Mask group2.png" />
            <p>姓名:毛永辉</p>
            <p>科室:肾脏内科</p>
            <p>职称:主任医师</p>
            <p>
              介绍:北京医院肾内科主任,主任医师,硕士研究生导师。1989年毕业于华西医科大学临床医学院,后在北京医院内科、肾内科工作……
            </p>
          </a>
          <a href="">
            <img src="images/Mask group3.png" />
            <p>姓名:黄慈波</p>
            <p>科室:风湿免疫科</p>
            <p>职称:主任医师</p>
            <p>
              介绍:教授主任医师研究生导师卫生部北京医院风湿免疫科主任,北京大学医学部风湿免疫系副主任;海峡两岸医师交流协会风湿免疫……
            </p>
          </a>
          <a href="">
            <img src="images/Mask group4.png" />
            <p>姓名:曹素艳</p>
            <p>科室:特需医疗部</p>
            <p>职称:主任医师</p>
            <p>
              介绍:北京医院特需医疗部(健康管理中心)/全科医疗部主任,老年与全科医学中心副主任,主任医师,医学硕士。北京大学医学部硕士……
            </p>
          </a>
          <a href="">
            <img src="images/Mask group5.png" />
            <p>姓名:陈海波</p>
            <p>科室:神经内科</p>
            <p>职称:主任医师</p>
            <p>
              介绍:北京医院神经内科主任,主任医师,北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……
            </p>
          </a>
          <a href="">
            <img src="images/Mask group6.png" />
            <p>姓名:Jack</p>
            <p>科室:普通外科</p>
            <p>职称:主任医师</p>
            <p>
              介绍:北京医院普通外科主任,胃肠外科主任,北京大学医学部硕士研究生导师,1985年毕业于白求恩医科大学,从事普外科临床工……
            </p>
          </a>
        </div>
      </section>
    </main>
    <!-- 网页尾部 -->
    <footer>
      <section class="complaint-way">
        <h3>友情链接</h3>
        <ul>
          <li><a href="">院长信箱</a></li>
          <li><a href="">投诉信箱</a></li>
          <li><a href="">在线调查</a></li>
          <li><a href="">地理位置</a></li>
          <li><a href="">网站地图</a></li>
          <li><a href="">网站帮助</a></li>
          <li><a href="">隐私声明</a></li>
        </ul>
      </section>
      <section class="contact-way">
        <h3>小慕医生</h3>
        <span>地址:北理工国防大厦111号</span>
        <span>电话:088-88888888</span>
        <span>邮箱:kefu@imooc.com</span>
        <span>邮编:666666</span>
        <span>网址:http://imooc.com</span>
        <span>举报热线:088-88888888</span>
      </section>
    </footer>
  </body>
</html>

问题描述:

我这边 dl 和 dt、dd 之前添加了一个 a 标签,不知道合不合规范

写回答

1回答

好帮手慕慕子

2022-01-13

同学你好,这样书写也是可以的,不过一般不推荐这样写,可以直接使用a标签包裹文字,另外,推荐使用dt定义列表中的项目,dd定义描述列表的项目,代码会更加规范,以一个为示例,其他的同学可以自己调整下,如下:

https://img.mukewang.com/climg/61dfebb709c02d2608250169.jpg

祝学习愉快~

0

0 学习 · 17877 问题

查看课程