2011-04-15 35 views
1

我的網站有個人資料頁面。我有類似的東西:html部分或div?

<h1>Foo bar profile</h1> 

<div> 
<h2>Address</h2> 
<p>Foo bar street, 55</p> 
<p>Foo city</p> 
</div> 

<div> 
<h2>Contact information</h2> 
<p>[email protected]</p> 
<p>55-5555-5555</p> 
</div> 

我應該使用div或節來包裝這種內容?對於部分,我應該將h2更改爲h1嗎?我不知道什麼是對的。 謝謝。

+0

這就好,因爲你有它,伊莫。 – 2011-04-15 13:14:30

回答

3

爲什麼不使用<address>標籤?

<h2>Contact information</h2> 
<address> 
<a href="mailto:[email protected]">[email protected]</a><br /> 
55-5555-5555 
</address> 
+1

地址是關於文檔作者信息...不是個人信息...謝謝... – thom 2011-04-15 13:17:32

+0

同意@thom - 地址標記在語義上不適用於此用途。 – 2011-10-08 00:57:39

0

我不認爲這是一個<section>儘管這一切可能會在一個<section class="contact">

包含我推薦hCard microformat或從它衍生出來的HTML5 vCard microdata定義。這是一組定義良好的類名,用於定義聯繫人信息。

你可以使用你想要的標籤類型,設置合適的類,然後用CSS來設計它們,例如「Address」並不是真正的第二級標題,只是它看起來像一個樣式(如果這是你的樣子想)的基礎上它是內<div class="vcard">

你可能會開始出像...

<section class="userprofile"> 
    <div class="vcard"> 
     <div class="adr"> 
      ... etc. ... 
     </div> 
    </div> 
</section> 

HTML5的方式採用itemprop,而不是class - 見http://www.html-5.com/microdata/rich-snippets/addresses/一些更多的解釋和樣品。