Html 我们应该在div#wrapper或<;车身>;?
许多人的HTML标记如下所示:Html 我们应该在div#wrapper或<;车身>;?,html,css,media-queries,semantic-markup,Html,Css,Media Queries,Semantic Markup,许多人的HTML标记如下所示: <html> <body> <div id="wrapper"> <p>Stuff in here</p> </div> </body> </html> 以下是(媒体查询已注释掉) 如果我们不将其应用于#wrapper,而是将其应用于——同时考虑到标准网站,这会有什么区别吗 有没有潜在的bug,看起来还可以。如果布局变得更高级会怎么
<html>
<body>
<div id="wrapper">
<p>Stuff in here</p>
</div>
</body>
</html>
以下是(媒体查询已注释掉)
如果我们不将其应用于#wrapper
,而是将其应用于
——同时考虑到标准网站,这会有什么区别吗
有没有潜在的bug,看起来还可以。如果布局变得更高级会怎么样…好吧,我想你应该尽可能少地使用元素。但是,在许多情况下,#页面包装器和正文不能互换。在许多情况下,您需要使用主体作为背景色,而不是html标记。在这些情况下(例如,加权页脚),您需要主体来展开html,并且需要一个包装器来包含内容,可能将内容居中,并强制主体展开并包含内容
所以-我想我会说,大多数人使用包装器是因为他们在第一堂课或在线教程中看到了它。我认为这在很大程度上是许多人的习惯。我会让主体保持原样,将包装页边距设置为0自动,并像您一样使用最大宽度。这只是EI8和之前的版本--也许你应该检测EI8并制作一个独特的样式表。我发现,在为mobil定义了所有内容之后,我的媒体查询只进行了几行迭代-现在没有真正的理由再使用包装器div了。+1表示“因为他们在第一堂课中看到了它”。我知道这对我来说是一种习惯,因为客户总是倾向于以某种方式改变他们的想法,而且进进出出之后再摆弄它要容易得多,当然,我就是这样学会的!