div的布局......你能有太多吗?

jst*_*cks 7 html css layout

开发布局的最佳实践是什么?限制divs更好吗?我正在浏览一些热门网站的html/css,他们似乎都在div中有div.例如,整个页面的div,顶部栏的div,徽标顶部栏中的div,搜索栏等.

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

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

Lex*_*x R 11

使用<div>时需要发divide(这就是divs的应该是用于)从彼此的页面的部分.例如,来自内容的页眉/页脚,或博客上的个别帖子.
但是,在语义上另一个元素才有意义时,不应该使用它们.

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

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

要记住的基本要点:

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