section外面能嵌套main标签吗?

section外面能嵌套main标签吗?

相关课程内容截图
这样写对吗?
然后html5区块标签(section、article、aside、main)由固定定的使用顺序吗,比如谁嵌套谁

粘贴全部相关代码,切记添加代码注释(请勿截图)

        <!-- 横幅 -->
        <section class="banner">
          <img src="images/banner.png" alt="">
          <h2>责任、科学、严谨/h2>
            <!-- 小圆点 -->
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </section>
        <!-- 常用链接 -->
        <section class="useful-links">
            <ul>
                <li>就诊须知</li>
                <li>就医流程</li>
                <li>专家介绍</li>
                <li>科室介绍</li>
                <li>医保就医</li>
                <li>健康体检</li>
            </ul>
        </section>
        <!--医院动态和医院公告区域-->
        <section class="news-and-notice">
            <!--医院动态 -->
            <div class="news">
                <h3>医院动态</h3>
                <div class="news-content">
                    <!--新闻图片-->
                    <div class="hot-news"></div>
                    <!-- 新闻列表 -->
                    <ul>
                        <li>年度医疗机构用血自查评分表和科室基本信息表</li>
                        <li>关于上报北京市医疗机构临床用血信息的通知</li>
                        <li>北京医院输血科通过验收并获批开展“临床基…</li>
                        <li>国家药品监督管理局关于修订都梁软胶囊非处…</li>
                        <li>关于将多拉司琼注射剂等药品纳入本市基本医…</li>
                        <li>关于调整完善本市基本医疗保险门诊特殊疾病…</li>
                        <li>广东省药学会:关于印发《超药品说明书用药…</li>
                        <li>人力资源社会保障部关于将36种药品纳入国家…</li>
                    </ul>
                </div>
            </div>
            <!--医院公告 -->
            <div class="notice">
                <h3>医院公告</h3>
                <ol>
                    <li>
                        <dl>
                            <dt>《养生堂》</dt>
                            <dd>公郭立新主任 特殊时期糖尿病人的新冠…</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>《养生堂》</dt>
                            <dd>王少为主任 新型冠状病毒防控指引十八…</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>《我要当医生》</dt>
                            <dd>谭玲副主任 李同舟 姚晨蕊药师</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>《全民健康学院》</dt>
                            <dd>王建业院长 “医”路有你 健康同行</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>《健康北京》</dt>
                            <dd>王建业院长 莫把衰老当病治/dd>
                        </dl>
                    </li>
                </ol>
            </div>
            <!--广告图片-->
            <div class="ad-images"></div>
            <!-- 科室介绍 -->
            <div class="dep-info">
                <h3>科室介绍</h3>
                <div class="dep-content">
                    <div>
                        <h4>内科</h4>
                        <ul>
                            <li>呼吸内科</li>
                            <li>消化内科</li>
                            <li>神经内科</li>
                            <li>心血管内科</li>
                            <li>肾内科</li>
                            <li>血液内科</li>
                            <li>免疫科</li>
                            <li>內分泌科</li>
                        </ul>
                    </div>
                    <div>
                        <h4>肿瘤科</h4>
                        <ul>
                            <li>肿瘤内科</li>
                            <li>肿瘤外科</li>
                            <li>肿瘤妇科</li>
                            <li>骨肿瘤科</li>
                            <li>放疗科</li>
                            <li>肿瘤康复科</li>
                            <li>肿瘤康复科</li>
                        </ul>
                    </div>
                    <div>
                        <h4>外科</h4>
                        <ul>
                            <li>普通外科</li>
                            <li>神经外科</li>
                            <li>心胸外科</li>
                            <li>泌尿外科</li>
                            <li>肝胆外科</li>
                            <li>肛肠外科</li>
                            <li>心血管外科</li>
                            <li>烧伤科</li>
                            <li>骨外科</li>
                            <li>骨外科</li>
                        </ul>
                    </div>
                    <div>
                        <h4>儿科</h4>
                        <ul>
                            <li>小儿综合</li>
                            <li>神经内科</li>
                            <li>小儿外科</li>
                            <li>新生儿科</li>
                            <li>儿童营养科</li>
                            <li>消化内科</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 专家介绍 -->
            <div class="exp-info">
                <h2>专家介绍</h2>
                <ul>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:李琳</p>
                            <p>科室:肿瘤内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:李琳</p>
                            <p>科室:肿瘤内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:毛永辉</p>
                            <p>科室:肾脏内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院肾内科主任,主任医师,硕士研究生导师。1989年毕业于华西医科大学临床医学院,后在北京医院内科、肾内科工作……</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:黄慈波</p>
                            <p>科室:风湿免疫科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:教授主任医师研究生导师卫生部北京医院风湿免疫科主任,北京大学医学部风湿免疫系副主任;海峡两岸医师交流协会风湿免疫……</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:曹素艳</p>
                            <p>科室:特需医疗部</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院特需医疗部(健康管理中心)/全科医疗部主任,老年与全科医学中心副主任,主任医师,医学硕士。北京大学医学部硕士……</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:陈海波</p>
                            <p>科室:神经内科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院神经内科主任,主任医师,北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic-box"></div>
                        <div class="word-box">
                            <p>姓名:Jack</p>
                            <p>科室:普通外科</p>
                            <p>职称:主任医师</p>
                            <p>介绍:北京医院普通外科主任,胃肠外科主任,北京大学医学部硕士研究生导师,1985年毕业于白求恩医科大学,从事普外科临床工……</p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </main>
在这里输入代码

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,针对问题进行回复:

1、section标签外面可以嵌套main标签。

2、代码写的没有问题。

3、section、article、aside、main在使用的时候没有顺序;它们四个随意嵌套浏览器都是能解析出来的,但是为了语义化,一般推荐main标签嵌套section、section标签里面嵌套article和aside标签,如下:

http://img1.sycdn.imooc.com//climg/5f86c9350947732f03830163.jpg

如果帮助到了你,欢迎采纳,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师