开发布局的最佳实践是什么?限制divs更好吗?我正在浏览一些热门网站的html / css,他们似乎都在div中有div.例如,整个页面的div,顶部栏的div,徽标顶部栏中的div,搜索栏等.
这是一个好习惯吗?我想正确地定位所有div并且将必要的元素放在div中更容易.这就是我迄今为止所做的一切,但我想确保我正在学习正确的方法.
对此有任何帮助表示赞赏.谢谢!
解决方法
当你需要将页面的各个部分相互分开时,使用< div> s.例如,来自内容的页眉/页脚,或博客上的个别帖子.
但是,在语义上另一个元素才有意义时,不应该使用它们.
但是,在语义上另一个元素才有意义时,不应该使用它们.
如果前面提到的博客上的存档仅显示了存档中每个帖子的两行摘要,则在定义按顺序排列的项目列表时,有序列表可能更有意义. <李>元素也是块元素,并且可以以完全相同的方式设置样式.
有时,嵌套< div>是有意义的.标签,有时你不应该.
作为基本测试,假设您的页面正由读者为视障用户解析.它需要知道文档的每个节点中的内容,以便它可以正确地通知它.它并不关心你的视觉CSS需要什么,它只是想尽可能准确地将它解析为语音.
要记住的基本要点:
>编写HTML主要用于结构而非视觉效果>查看您网站的人可能没有使用您的CSS>查看您网站的人可能没有使用传统的网络浏览器>如果CSS不能正常工作,你可以随时调整你的结构,只要它在语义上保持不变.