包裹整个身体的<div>的价值是什么?</div>

时间:2014-07-08 17:25:59

标签: html css

我正在接管一家公用事业公司的网站维护。之前的开发人员使用的<div>比我更多<html> <head></head> <body> <div id="wrapper"> <!-- All of the page content - header, footer, whatever --> </div> </body> </html> 。大多数人对我有意义,但我对这个问题感到困惑:

<body>

<div>标记中的所有内容都被另外一个名为<div>的对象包围。在它之前或之后什么也没有。

在那里拥有<body>会有好处吗?我的理解是,所有样式都可以直接应用于<body id="wrapper">,效果相同。如果我刚刚声明{{1}},那么即使是JavaScript也可以做同样的事情吗?

1 个答案:

答案 0 :(得分:5)

它通常用于造型,例如,

body{
    background-color: #FFF;
}
#wrapper{
    background-color: #000;
    width: 80%;
    margin: 0 auto;
}

以上是页面上简单的~10%左右白色边框。

<小时/> 虽然略有加时,但没有HTML5元素。我已经看到<main>在其位置使用,但引用the MDN article for <main>

  

主要内容区域包含与之直接相关的内容,   或扩展文档或中心的中心主题   应用程序的功能。这个内容应该是独一无二的   文档,不包括在一组中重复的任何内容   侧栏,导航链接,版权信息等文件,   网站徽标

相关问题