2010-01-20 28 views
3

喜歡這個代碼如何決定何時使用<th>或何時不使用?在<table>

<table id="presentationsContainer"> 
    <tr> 
    <td class="main" width="60%">Presentation October 2009</td> 
    <td class="dl" width="20%">Download pdf</td> 
    <td class="dl" width="20%">Download ppt</td> 
    </tr> 
    <tr> 
    <td class="main" width="60%">Presentation October 2009</td> 
    <td class="dl" width="20%">Download pdf</td> 
    <td class="dl" width="20%">Download ppt</td> 
    </tr> 
    <tr> 
    <td class="main" width="60%">Presentation October 2009</td> 
    <td class="dl" width="20%">Download pdf</td> 
    <td class="dl" width="20%">Download ppt</td> 
    </tr> 
</table> 

回答

4

表頭標記應當你談論頭數據被使用。如果表中有一行用作其餘行內容的解釋,則應使用th指定該行。看起來你的代碼可能不需要一個,因爲所有的信息都已經在表中。像這樣的東西將是對th的適當使用。

<table id="presentationsContainer"> 
    <tr> 
    <th>Presentation</th> 
    <th>PDF</th> 
    <th>PPT</th> 
    </tr> 
    <tr> 
    <td class="main" width="60%">October 2009</td> 
    <td class="dl" width="20%">Download</td> 
    <td class="dl" width="20%">Download</td> 
    </tr> 
    <tr> 
    <td class="main" width="60%">October 2009</td> 
    <td class="dl" width="20%">Download</td> 
    <td class="dl" width="20%">Download</td> 
    </tr> 
    <tr> 
    <td class="main" width="60%">October 2009</td> 
    <td class="dl" width="20%">Download</td> 
    <td class="dl" width="20%">Download</td> 
    </tr> 
</table> 

對不起,如果我誤解了這個問題。那裏沒有太多的解釋

4

使用<th> vs <td>是完全語義。 <th>用於列或行標題,<td>用於單元格。一般情況下,當在一個列或行中有一個單元格對其他單元格的行/列進行分組或標記時,請使用<th>

在你的簡單例子中,我完全刪除了類的使用,並且簡單地基於標籤類型來定義樣式。該班是多餘的,他們語義不用多說並作爲造型鉤他們是不必要的:

<tr> 
    <th width="60%">Presentation October 2009</th> 
    <td width="20%">Download pdf</td> 
    <td width="20%">Download ppt</td> 
    </tr> 
4

次是在表頭。

如果你想2009年10月表頭,則HTML將是:

<table id="presentationsContainer"> 
    <tr> 
    <th class="main" width="60%">Presentation October 2009</th> 
    <td class="dl" width="20%">Download pdf</td> 
    <td class="dl" width="20%">Download ppt</td> 
    </tr> 
    <tr> 
    <th class="main" width="60%">Presentation October 2009</th> 
    <td class="dl" width="20%">Download pdf</td> 
    <td class="dl" width="20%">Download ppt</td> 
    </tr> 
    <tr> 
    <th class="main" width="60%">Presentation October 2009</th> 
    <td class="dl" width="20%">Download pdf</td> 
    <td class="dl" width="20%">Download ppt</td> 
    </tr> 
</table> 

您還可以拿出類和寬度標籤保持HTML簡單,應用樣式表和使用CSS選擇器來做造型例如:

#presentationsContainer table tr th { 
    width: 60%; 
} 

#presentationsContainer table tr td { 
    width: 20%; 
} 
2

再次,這是一個很好的內容與風格的例子。從語義上講,<th>應該用於表列的標題,而簡單的<td>標記應該用於不是表格標題的表格單元。

這也是爲什麼您通常只會在表格中找到一行<th>標籤與多個<td>標籤相比較的原因。

在您的示例中,<th>標籤根本沒有用處,因爲您沒有用作標題行的行,所以您的代碼很好。

相關問題