<th>行ではなく列の場合は？

Question

は、次のHTMLを考えてみましょう：

<table> 
    <tr> 
     <td>Born</td> 
     <td><time datetime="1986-11-05">5<sup>th</sup> November 1986</time></td> 
    </tr> 
    <tr> 
     <td>Gender</td> 
     <td>Male</td> 
    </tr> 
    <tr> 
     <td>Sports</td> 
     <td>Football<br />Tennis</td> 
    </tr> 
    <tr> 
     <td>Teams</td> 
     <td>Liverpool FC<br />Spain FC</td> 
    </tr> 
</table> 

ではなく、行よりも、列を参照して<th>を使用することが可能ですか？私は左の列を太字にしたいと思います。

Answer 1

はい、行または列のセルに<th>を使用できます。

<table> 
    <tr> 
     <th>Born</th> 
     <td><time datetime="1986-11-05">5<sup>th</sup> November 1986</time></td> 
    </tr> 
    <tr> 
     <th>Gender</th> 
     <td>Male</td> 
    </tr> 
... 

Answer 2

それとも

table tr td:first-child{font-weight:bold;} 

Answer 3

The spec太字にのみ最初の列をそのCSSを追加することができ明確th要素は、列または行のヘッダ情報を提供する（または列のグループができると言うまたは行）。属性scope=rowを使用して、ヘッダーセルが行ヘッダーであると明示的に言うことができます。

thとtdの使用にはいくつかの意味があります。機能上の意味は、ユーザエージェントが特別な方法でthを扱い、対応するヘッダ情報によってユーザにデータセルへのアクセスを与えることである。これは主に音声ベースのエージェントに適用されます。これが意味を持つためには、thセルは実際にはデータ行またはデータ列の識別情報を提供する必要があります。この場合、条件を満たす。だからtdの代わりにthを使うことができます。

他の意味は、デフォルトでは、th要素の内容が太字で、水平に中央に表示されていることです。これが適切でないと思われる場合は、CSSで（またはHTMLでも）簡単に上書きすることができます。あなたの場合、コンテンツを太字で左揃えにする場合は、th { text-align: left; }を使用してください。 （th { text-align: right; }の場合は、中央揃えが奇妙に見えることがあります）