<div class="container">是不是多余的

<header>
<div class='container'>

	<a href="index.html"> <img src="img/logo.jpg" alt="logo">
	</a>
	
	
	<nav>
		<a href="index.html">HOME</a>
      <a href="index.html">PORTFOLIO</a> 
       <a href="index.html">TEAM</a>
       <a href="index.html">CONTACT US</a>
       
	</nav>
	<div>
</header>

这节课视频里面有这么一段代码，我的问题是，<div class="container">是不是多余的，因为在html5里面，<header>与<div>是同等级的块及元素。如果非要在这里加上<div class="container">，是不是说<header>有什么不足之处吗？

还请老师可以详细回答，非常感谢！

永不止息L 2017-01-16

源自：HTML5网页布局 1-2 html5页面布局（结构层）

153

收起

3回答

许爸比回答被采纳获得+3积分 2017-01-20 17:31:37

<div class="container"> 是为了让头部底部的内容居中方便以后添加CSS样式

为了美观现在应该大部分网站都是这样设计的

上面我随手画的简图线没对齐但是大概意思就是这样的

收起回答

永不止息L 提问者 #1

非常感谢！

2017-01-21 03:21:39
许爸比回复提问者永不止息L #2

相互学习

2017-01-22 15:04:02

慕尘roz 2017-01-16 12:36:49

我觉得这应该是一种习惯写法吧，header部分是个通栏，logo和nav都离两边有一定距离，用个1200的div包裹它俩，设个margin：auto，刚好居中，控制了两边的距离相等。简单又方便的写法。div没有语义，用来辅助header这样的标签布局使用。

收起回答

慕ke小粉si儿 2017-01-16 10:12:41

开发的思路和方法很多，<header>与<div>都是块及元素，header内也许会放很多内容，为了更清楚，往往会在每个模块在包个div，当然根据具体情况来看。至于<div class="container">我的看法是，也许为了结构更清楚及实现相应功能，当然在思考和编写的过程中，如果他没有起到很大作用，也是可以不写的。要根据整个开发过程的情况分析，尽量使代码更简洁更灵活，复用性好。

收起回答