请问68行的DIV是不是多余了?68行的DIV跟70行的DIV不是重复了吗?

请问68行的DIV是不是多余了?68行的DIV跟70行的DIV不是重复了吗?

请问68行的DIV是不是多余了?68行的DIV跟70行的DIV不是重复了吗?


正在回答

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

2回答

同学你好,解答如下:

1、此处是根据“语义”来进行划分页面结构的。“医院动态”属于标题,它是下面的内容的说明,所以“慕鹤”老师,将此处结构进行了如下划分:

http://img1.sycdn.imooc.com//climg/601bcc6e09d78ace10160443.jpg

而“医院公告”处的划分,也可以将其理解成按照“语义”,如下:

http://img1.sycdn.imooc.com//climg/601bccd709b13bf218620445.jpg

http://img1.sycdn.imooc.com//climg/601bccfd0971344112050509.jpg

2、还可以将其理解成按照“方便布局的原则”来进行划分页面结构。有的时候我们划分结构时,往往会考虑这样划分结构,代码实现容易不?如果代码实现起来很难,那么就不是一个好的划分方式。医院动态部分,如果按照下面这样划分,样式写起来会有些蹩脚:

http://img1.sycdn.imooc.com//climg/601bcdd409c49dc208450426.jpg

原因如下:

http://img1.sycdn.imooc.com//climg/601bcdf009adc9d608970432.jpg

http://img1.sycdn.imooc.com//climg/601bce4c09faf6db08340421.jpg

关于划分结构,同学可以按照自己的方式来写,写的过程中,就会发现问题。比如这样划分很难实现效果,那么就可以换一种划分方式。

划分结构的方案并不是唯一的,只要方便写代码,能实现效果就行。

祝学习愉快!

好帮手慕鹤 2020-10-14 09:43:01

同学你好,68行的div标签不是多余的。68的div标签是用来做最大的容器的,可以参考下图来增加理解:

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

(1)这一块的布局时分成了两大块,一大块存放的是“医院动态”,另一大块是用来存放动态信息(红色框部分)。

(2)动态信息里面分成了两大部分,第一部分存放的是图片,另一部分存放的是新闻内容(绿色框部分)。

(3)把动态信息放在一个父容器里面,在学习了css样式之后,方便通过css样式整体位置。

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

  • 你好 我想问一下如果这样划分那为什么,老师在写医院公告的时候不再div出来一块区域,把医院公告和下边内容分开,而是直接在公告的div下书写内容

    2021-02-04 11:49:38
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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