2013-02-14 45 views
0

我寫一個標記,並在這部分有一個疑問:
PrimaryContacts語義標記:地址,EM

這裏是我的標記:

<ul class="primaryContacts"> 
     <li><address>Phone: <em class="headerPhone">1.800.corp</em></address></li> 
     <li><address>Email: <em class="headerEmail">[email protected]</em></address></li> 
     <li><address>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></address></li> 
    </ul> 

有我使用的標籤addressem以正確的方式或者也許有更多的語義?也許還有其他一些錯誤。謝謝大家的幫助。
[編輯]:
據我寫這個問題的答案:

 <ul class="primaryContacts"> 
      <li>Phone: <span class="headerPhone">1.800.corp</span></li> 
      <li>Email: <span class="headerEmail">[email protected]</span></li> 
      <li>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></li> 
     </ul> 

此聯繫人的信息是真的不是我和我的理解address什麼都沒有,在這裏做。此外,我已更改emspan's。感謝幫助。

+0

這是您在代碼評論上提出的問題的一部分:http://codereview.stackexchange.com/q/22732/16414 – unor 2013-02-18 11:33:05

+0

您應該使用您擁有的標記並將微格式應用於它... hcard格式匹配你現在的標記,給出或採取一個或兩個元素 – albert 2014-05-02 17:03:30

回答

1

我想你是用錯誤的方式使用<address>。根據你可以閱讀的內容from the specs,讓你的代碼更好的方法是讓<address>作爲父代。而且,<em>specify stress emphasis,事實並非如此。所以你應該擺脫它。但是,如果你想讓它這樣的風格不同,你可以使用一個<span>元素讓你的CSS掛鉤:

<address> 
    <ul class="primaryContacts"> 
    <li>Phone: <span class="headerPhone">1.800.corp</span></li> 
    <li>Email: <span class="headerEmail">[email protected]</span></li> 
    <li>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></li> 
    </ul> 
</address> 
1

address元素被定義爲提供有關文檔的作者聯繫信息。這看起來不像這樣的聯繫信息。然而,幾乎沒有任何軟件以某種方式使用address元素,除了某些瀏覽器中的某些默認樣式(例如,斜體字體)之外。

em元素受許多解釋的影響,HTML5草案使事情變得更加混亂。在實踐中,這並不重要。使用em默認情況下使字體斜體。就是這樣。有傳聞稱,搜索引擎在頁面內給予em元素的相對權重較大。這在這裏是否有用是值得懷疑的。