中間我現在有一個設置是這樣的:它是無效/混淆在文檔<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