Как решить, когда использовать <th> или когда нет? в <table>

Question

Как и для этого кода

<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> 

Answer 1

тег заголовка таблицы следует использовать, когда вы говорите о данных заголовка. Если в вашей таблице была строка, которая послужила объяснением для содержимого в остальных строках, вы должны указать эту строку с помощью 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> 

Извините, если я неправильно понял вопрос. Не так много объяснений

Answer 2

Использование <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> 

Answer 3

го являются для заголовков таблиц.

Если вы хотите октября 2009 будут заголовок таблицы, то 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%; 
} 

Answer 4

Еще раз, это хороший пример содержания и стиля. Семантически, <th> следует использовать для заголовков столбцов таблицы, в то время как для ячеек таблицы, которые не являются заголовками таблицы, должны использоваться теги <td>.

Вот почему вы обычно просто находите одну строку <th> тегов в таблице по сравнению с несколькими тегами <td>.

В вашем примере просто нет смысла использовать теги <th>, так как у вас нет строки, которая служит строкой заголовка, поэтому ваш код будет хорошим.