2016-05-16 39 views
0

我找不到任何明確的答案...請看看這個相當通用的HTML頁面,例如;標題左邊的標題,公司名稱和地址在右邊。我想知道以這種方式使用address元素是否合適?我應該在標頭中使用地址元素嗎?

<body> 
<header> 
    <img src="/logo.jpg" alt="Bobby's Bits"> 
    <address> 
     <h1>Bobby's Bits</h1> 
     14 Milkyway cresent,<br> 
     The Moon 
    </address> 
</header> 
<main> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dignissimos doloremque iusto tempore quae quisquam dicta nobis. Vitae officiis sequi pariatur amet odit possimus, necessitatibus dolore consectetur quas at, alias.</p> 
</main> 
<footer>Lorem ipsum dolor sit.</footer> 
</body> 

編輯

最語義的方式做到這一點 - 我認爲 - 是按如下方式還結合了電子名片:

<body> 
<header> 
    <img src="/logo.jpg" alt="Bobby's Bits"> 
    <address class="vcard"> 
     <h1 class="fn org">Bobby's Bits</h1> 
     <span class="adr"> 
      <span class="street-address">14 Milkyway cresent,</span> 
      <span class="locality">Mare Serenitatis</span>, 
      <span class="postal-code">M00 N11</span> 
     </span> 
    </address>  
</header> 
<main> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dignissimos doloremque iusto tempore quae quisquam dicta nobis. Vitae officiis sequi pariatur amet odit possimus, necessitatibus dolore consectetur quas at, alias.</p> 
</main> 
<footer>Lorem ipsum dolor sit.</footer> 
</body> 

不能完全確定,如果把裏面的h1電子名片是'允許',但我不明白爲什麼不。如果有人想進一步諮詢,請隨時提供。我希望在這方面有更明確的指導方針。

+2

難以理解爲什麼不是...... –

+0

是的,我的想法也是如此,雖然這似乎並沒有像這樣常用,即使這種通用頁面佈局*是*通用的。 – Inigo

+0

是的,你可以這樣做。我會做同樣的事情。 – Kamelkent

回答

1

W3 spec沒有對它可以出現在哪個標籤上設置任何限制,實際上它們的示例和典型用法是它會出現在<footer>中。 <header>標記與<footer>處於相同的語義類別,所以沒有理由不能將它放在那裏。

然而,在技術上不應包含任何「標題內容」的限制,即<h1>...<h6>僅描述聯繫信息。所以你不應該把地址元素中的<h1>標籤的網站名稱。您仍然可以在較大的文本中設置該行。

+0

啊,我明白了。謝謝。所以,如果我想保持h1的搜索引擎優化目的,我現在不得不在其他地方將其加入我的標記。真棒ಠ_ಠ – Inigo