2013-01-22 58 views
5

是以下code語義使用HTML tables?是<table>語義顯示電話,電子郵件和傳真?

<table> 
    <tbody> 
    <tr> 
     <th>Phone</th> 
     <td>+1234567</td> 
    </tr> 
    <tr> 
     <th>Email</th> 
     <td><a href="mailto:[email protected]">[email protected]</a></td> 
    </tr> 
    <tr> 
     <th>Fax</th> 
     <td>+1234568</td> 
    </tr> 
    </tbody> 
</table> 

未格式化的,它看起來就像這樣:

enter image description here

似乎是表格數據給我。 (因此,不僅可以進行版面設計 - 儘管其副作用有助於獲得相同的列)。

+2

準確地說,我會爲那個 –

+0

@OneTrickPony使用一個定義列表,但你爲什麼不回答? :( – Baumr

回答

4

如果您只是爲了佈局而將您的聯繫人放入<table>,那麼您最好使用css樣式<dl>。標識符將在<dt>s和<dd>s中。

但是,如果您實際上正在輸出一個包含多個聯繫人的表格,那麼<table>將是正確的元素。不要忘記使用<th>作爲標識符,使用<td>作爲數據。

+0

[]的最佳答案,[大多數](http://css-tricks.com/utilizing-the-underused-but-semantically-awesome-definition-list/)(http://www.maxdesign .com.au/articles/definition /)其他[stuff](http://webdesign.about.com/od/beginningtutorials/qt/uses-for-definition-lists.htm)似乎同意 – Baumr

+0

使它更加語義化,用微格式,rdfa或微數據標記它 – albert

4

這裏沒有黑白答案,但那不是表格數據。

絕對沒有理由,聯繫方式需要等列,這是一個純粹的cosmetical利益的表,並由設計師決定。我不會爲這種數據使用表格,我會堅持使用其他元素,然後使用CSS創建相同的寬度。

我會將表格數據定義爲您可能期望在電子表格中看到的數據。

+0

那麼,使用這個論點,我可以說人們使用電子表格來處理各種事情:通常你會在那裏看到聯繫方式 - 例如,如果是競爭對手,客戶,顧客等的電子表格。 – Baumr

+1

並且使用你的論點,你可能會認爲幾乎所有的內容都是表格式的,你沒有列標題,你沒有任何重複的數據,內容也是不相關的,它不是表格數據,只是一堆定義而已 –

+0

There don'在這種情況下,我實際上是想使用行標題,但是在該說明中,添加列標題「Medium」和「Details」將顯示每列中的內容是如何關聯的 – Baumr

相關問題