页面包装div的优点是什么?我应该使用它吗?

时间:2017-04-07 09:10:04

标签: html css

我主要是一名后端程序员,但我时不时地需要对某些东西进行人性化的讨论,最终成为一名网页设计师/开发者。

我已经解决了多次布局问题,直接在<body>标记内的div中包含所有内容并对其应用了一些样式,主要是粘性页脚或推送内容填充至少视口的高度。因为我使用它不经常使用它,我倾向于忘记HTML / CSS的复杂性,但我想知道我应该总是将所有正文内容包装在div中作为良好实践吗?

一方面:

  • 这似乎是最常推荐的拉伸内容的解决方案(侧边栏似乎也是一种威胁)。
  • 即使我不需要它开始,我将来也可能需要它,并将它放在那里开始意味着如果我需要稍后添加一个页面,它不太可能影响页面的其余部分。 / LI>

但是我觉得有足够的我不知道网页渲染总体上它可能是有害的。它是语义的吗?它是否为页面其他部分带来更大问题的可能性?我喜欢干净的代码,我喜欢扫描我的工作,并且能够一目了然地知道一切是什么以及它为什么存在。对于一个目的不明确的目标而言,我觉得有些事情。

1 个答案:

答案 0 :(得分:0)

不是说你必须用div包装正文内容。从历史上看,网络只是关于内容。您甚至可以追踪名称随时间的变化情况。

网页 - 网页中的页面。页面就像一个书页,只是简单的文字。文本有流程布局。样式很小(就位置而言)。当内容完成时,下面的内容并不重要,只有剩下的空白页面。

现在你已经提到了术语 viewport 。它是内容控制元素的地方。现代网页不再是经典页面,现在是应用程序。但是术语网页已经在使用中。尝试计算页面空间占用文本内容的多少(流程布局)和其他(按钮,图像,视频,控件 - 块布局),例如在Facebook上

元素div成为用于将内容逻辑分割为单独块的通用元素。元素div只是一个块,其父级的最大可用宽度和内部内容的高度。使用样式可以广泛地改变div元素的视觉呈现。 html5中有许多新的语义元素,这些元素大部分都是由div元素模拟的。很容易猜到像页眉,页脚,旁边,导航等

这样的元素

div的主要思想是按逻辑分割内容并根据需要设置样式。