为了账号安全,请及时绑定邮箱和手机立即绑定

网页简单布局之结构与表现原则

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰

最新回答 / 咔芒_北鼻_4005467
我也发现了   找了半天发现demo01后边要价格空格然后left,但是不知道为啥啊   还不如不用,demo01   这个小细节老师也没讲,浪费好多时间啊
这么好的免费视频都有喷子哎。当然越简单越好呀,那些喷子很喜欢把时间浪费在写div和起名字上吧。
重构的你就知道,在外面疯狂加div的简直欠揍。
另外增加一点,减少div的嵌套结构有利于减小dom的原型链,对脚本性能有那么一丢丢的帮助。
看这么多争议的,其实还是支持作者关于减少不必要div的观点的。至于这个是否跟结构与表现分离,其实是有关系的,因为去掉的两个div都承担的是表现的结构,完全没有任何语义的成分,能够用css代替当然用css代替了。并不是说非要这样,只是能够简化才简化,简化不了当然不可避免的需要加一些div。说白了,很多人加DIV只是因为简单好写而已,一个个初级小白看了点国内的教科书就对作者以“专家”的视角大肆反驳,我觉得挺好笑的。有空建议你们去w3c英文官网上去看看,不要坐井观天。
简短,精辟,让人豁然开朗,之前滥用div实在太多
个人觉得大家都陷入了无意义的争论,注意视频中老师强调的是拿到设计稿的时候,先关注设计稿所表现的结构本身,然后写出结构。最后写样式的时候,尽量不用打破现有的结构。这里注意是“尽量”,从这些字眼可以看出,老师讲这些只是给我们提供一种思想,让我们多一种选择,为了以后更方便的优化或者简洁代码而已。实际工作中不见得一定要这么做,有时候可能加个DIV结构会更清晰,那可能就要加个,老师没有反对这种做法啊。还是一句话,尽信书不如无书,看东西关键看自己感悟和实践。别代码没敲几行就来BB
你只有复杂的能熟练了 再想简化就容易的多了
哎呦我去,换肤功能,这正是我想要的。
竟然有人说破坏了HTML的代码结构,降低了可维护性,得不偿失。。。也做过一两个项目了,虽说增加DIV对于样式的控制的确有帮助,但一个复杂的页面,看着DIV层层嵌套简直头痛不已,后期维护扩展其实更复杂难搞了,也影响浏览器解析DOM的效率。真理要历经实践的检验。有些人吃过的饭还没老师敲过的代码多,还说老师不行,也是呵呵。
一般原则:两短一长选长的 不确定就选C

最新回答 / Derrickale
把你的代码贴出来好解决一点 其实demo01和demo02的区别就只是简化去掉了left的div,也不需要设定left的宽度了,去掉了一些html和css重复契合 其余和demo01没什么变化。 你demo01没问题的话,对照看看有什么是不是你打错了的地方吧。
感觉老师的代码不行。真正的网页结构应该用div表现出来,不是靠文本本身表现出来。案列中依靠取巧写得代码跟网页布局的逻辑没有一点关系。

这不是表现与内容分离。网页的布局不是内容的表现,而是网页内容结构的体现!!!
做出来的根本就不一样啊
老师讲的结构与样式分离的思想很好,收益匪浅……
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消