css – div的布局……你能有太多吗?

前端之家收集整理的这篇文章主要介绍了css – div的布局……你能有太多吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
开发布局的最佳实践是什么?限制divs更好吗?我正在浏览一些热门网站的html / css,他们似乎都在div中有div.例如,整个页面的div,顶部栏的div,徽标顶部栏中的div,搜索栏等.

这是一个好习惯吗?我想正确地定位所有div并且将必要的元素放在div中更容易.这就是我迄今为止所做的一切,但我想确保我正在学习正确的方法.

对此有任何帮助表示赞赏.谢谢!

解决方法

当你需要将页面的各个部分相互分开时,使用< div> s.例如,来自内容的页眉/页脚,或博客上的个别帖子.
但是,在语义上另一个元素才有意义时,不应该使用它们.

如果前面提到的博客上的存档仅显示了存档中每个帖子的两行摘要,则在定义按顺序排列的项目列表时,有序列表可能更有意义. <李>元素也是块元素,并且可以以完全相同的方式设置样式.

有时,嵌套< div>是有意义的.标签,有时你不应该.
作为基本测试,假设您的页面正由读者为视障用户解析.它需要知道文档的每个节点中的内容,以便它可以正确地通知它.它并不关心你的视觉CSS需要什么,它只是想尽可能准确地将它解析为语音.

要记住的基本要点:

>编写HTML主要用于结构而非视觉效果>查看您网站的人可能没有使用您的CSS>查看您网站的人可能没有使用传统的网络浏览器>如果CSS不能正常工作,你可以随时调整你的结构,只要它在语义上保持不变.

猜你在找的CSS相关文章