html中div标签的用法

你说的让我有点困惑。
听起来你在读艺术。
让我告诉你,当我在页面上工作时,我对 div 也又爱又恨。

当时,2 008 年左右,我刚刚学习如何制作页面,我的老师正在教我如何使用div来制作东西。
例如,如果你想提出一个想法,我会这样写:

消息标题

留言内容...


当时我对语义了解不多,所以我很容易认为我可以将 div 用于任何内容。
而且楼主说用div会更方便以后改样式。
你看,这个div没有自己的样式,都是由CSS控制的。
当时我在编写 CSS 时,我在 div 消息列表中添加了一个边距,以将其稍微分开:
css. .新闻项目{ 边框:1 px 实心 eee; 内边距:1 0px; 底部边距:1 0px; }
效果确实不错,内容分离清晰。
后来接触了Bootstrap框架,这个框架非常依赖div。
例如,制作一个三列布局,其中有很多 div:
左侧列
中间列
右栏

然后我就觉得挺好的。
它具有响应式设计并且适合移动设备,因此我不必编写一堆复杂的代码。
但后来他有了一个更大的计划,当我查看代码时,哎呀!都是 div,我不知道他们在做什么。
一位同事给了我一些建议,说我们现在应该关注语义标签,而不是总是使用 div。
我当时就懵了,我说了什么?语义标签?例如,<页眉>、<页脚>,嗯?我说过该对象使用起来不灵活,不像div,它可以包裹在外壳上。
后来想了想,其实是用它来包裹新闻和
页面的。
通过查看代码就可以明白其含义。
与 div 不同,猜猜该用谁来代替?您还应该阅读注释。

后来,2 02 0年左右,我跟一位年轻的鉴赏家搭话,教他不要一直用div。
他说,师父,我用
包含章节,用