中间我现在有一个设置是这样的:它是无效/混淆在文档<header>在文档
<section id="intro"></section>
<header></header>
<section></section>
<section></section>
<footer></footer>
头部元素与网站的名称和基本信息的粘头。直到用户滚动过去#intro之后才显示,因此它在DOM中的位置。我想知道从语义和可访问性的角度来看,把它变成一个div还是一个部分是更有意义的。
中间我现在有一个设置是这样的:它是无效/混淆在文档<header>在文档
<section id="intro"></section>
<header></header>
<section></section>
<section></section>
<footer></footer>
头部元素与网站的名称和基本信息的粘头。直到用户滚动过去#intro之后才显示,因此它在DOM中的位置。我想知道从语义和可访问性的角度来看,把它变成一个div还是一个部分是更有意义的。
的<header>
标签not required to be at a specific position in your document,但它不应该是另一个<header>
,一个<footer>
或<address>
标签的孩子。另一方面,<div>
元素是strongly suggested as a last-resort element only,当另一元素在语义上更好地拟合时应避免。看起来你的使用<header>
与它的推荐用法非常吻合,不过你应该记住IE8和更早版本不支持它,而且这些浏览器对它的效果并不明显。
只是为了澄清最后一句,你可以使用Javascript ,例如[HTML5shiv](http://code.google.com/p/html5shiv/)为非HTML5浏览器(如IE6)创建这些元素,因此它们将是可风化的。 – zen 2012-07-05 15:10:31
这里是一个很好的阅读:http://blog.whatwg.org/the-future-of-the-web-my-vision-may-1-2012 – starbeamrainbowlabs 2012-07-05 14:54:13