麻烦看下这两种写法 第一种是按自己理解写的 写法有误吗 第二种是老师写的 这两种写法最主要的区别在哪

来源:2-16 小慕医生项目开发

夜的解忧铺

2021-06-03 23:52:07

第一种:

<div class="exp-ifo">

            <h2>专家介绍</h2>

            <div class="01">

                <div class="picbox">

                    <!-- 放置图片 -->

                </div>

                <div class="wordbox">

                    <ul>

                        <li>姓名:李琳</li>

                        <li>科室:肿瘤内科</li>

                        <li>职称:主任医师</li>

                        <li>介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……</li>

                    </ul>

                </div>

            </div>

</div>


​第二种

<div class="exp-ifo">

            <h2>专家介绍</h2>

    ​    ​    ​<ul>

    ​    ​    ​    ​    ​<li>

    ​    ​    ​    ​    ​    ​    ​<div class="picbox"></civ>

                        ​    ​<!-- 放置图片 -->

    ​    ​    ​    ​    ​    ​    ​<div class="wordbox">

    ​    ​    ​    ​    ​    ​    ​    ​    ​<p>姓名:李琳</p>

    ​    ​    ​    ​    ​    ​    ​    ​    ​<p>科室:肿瘤内科</p>

    ​    ​    ​    ​    ​    ​    ​    ​    ​<p>职称:主任医师</p>

    ​    ​    ​    ​    ​    ​    ​    ​    ​<p>介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……</p>

    ​    ​    ​    ​    ​    ​    ​</div>

    ​    ​    ​    ​    ​</li>

    ​    ​    ​</ul>

</div>




写回答

1回答

好帮手慕久久

2021-06-04

同学你好,解答如下:

1、同学的写法是可以的,没有语法上的错误。

2、两种写法对比:

同学的这种写法,代码结构上不如老师的分明。老师的代码,能清楚地看出来,整体结构是分成了三块:

http://img.mukewang.com/climg/60b98f8609f68caa05480231.jpg

正好对应设计稿:

http://img.mukewang.com/climg/60b98fac09aefcbd10260532.jpg

而同学只写了一个专家介绍,如果多复制几个,则整体结构是散的:

http://img.mukewang.com/climg/60b98fe40990c3b305940342.jpg

之所以要将代码划分成大块的结构,是因为后期要写样式。老师的写法,后期写样式会比较方便,同学的写法,样式上写起来会比较麻烦(也能实现效果,只是代码会麻烦些)。这一点现在会体会不了,建议同学往后继续学,学完样式后,再对比一下就能体会出差异了。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程