HTML5頭標記和搜索引擎優化/絕對位置

我願把我的頭，我的導航（與HTML5標記）在我的網站的底部，HTML5頭標記和搜索引擎優化/絕對位置

absolute position (top:10px}

它是有效的（即有一個標題在我的網站底部後底部？）

<!-- language-all: lang-html --> 

<body> 
<aside></aside> 
<div id="main" role="main"></div> 
<aside></aside> 
<footer></footer> 
<nav>link1 link2</nav> <--- absolute position top : 150px 
<header>    <--- absolute position top : 50px 
<h1>Blabla</h1> 
</header>

來源

2011-07-11 prestarocket

如果你要絕對定位它，爲什麼你要在標記結尾處使用'header'？只是好奇 – izolate

這是搜索引擎優化。機器人看起來的第一個內容是我的主要內容。 – prestarocket

從技術角度來看，代碼將驗證爲HTML5。

但是，HTML5的主要目標之一是改進代碼的語義。這就是爲什麼新元素帶來更多的意義。

所以從語義的角度來看，這並不是最好的解決方法。最佳實踐是，html應該按照內容從上到下的順序流動。如果頁腳未被用作頁腳，那麼最好使用一個容器，如div。但是，如果它被用作頁面的主頁腳，它應該確實在文檔的末尾。

我想指出的是，您可以在頁面中使用多個header和footer元素。

來源

2011-07-11 01:30:30 tw16

好的，謝謝你的回答 – prestarocket

按照HTML 5規範，body元素的內容模型只是流內容。

參見http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-body-element

流內容可以包含標頭元素和頁腳元素。訂單沒有指定。

你很好。

順便說一句，我能夠成功驗證，作爲HTML 5的頁腳後頁眉在http://validator.w3.org/check後的文檔。所以如果W3C說沒關係，我會說你很好走。

來源

2011-07-11 00:22:49

W3C表示不會向頁面底部的頁眉顯示錯誤或警告.. thx Ray – prestarocket

它可能是有效的，但它確實不是合適的方法。但是，如果您繼續使用此方法，請務必徹底檢查各種瀏覽器之間的兼容性。 – 2011-07-11 01:19:55

你能否澄清不恰當？ HTML5的設計者可能會選擇在頁腳之前添加頁眉，但他們沒有。然而，他們確實在dl之前強迫dts來到dds之前。由於它們特別允許機構內的元素無序，因此OP可以使用這個事實。用「不恰當」來表示「不是最佳做法」？我同意標題之前的頁腳可能會讀起來很有趣。但我希望瀏覽器能夠遵循標準。 IE現在加入了俱樂部！ :-) –

HTML5頭標記和搜索引擎優化/絕對位置

回答

相關問題