8

次の 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>行ではなく列を参照して使用することはできますか? 左の列を太字にしてほしい。

4

3 に答える 3

14

はい、<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>
...
于 2013-02-04T03:31:55.033 に答える
11

仕様thは、要素が列または行 (または列または行のグループ) のヘッダー情報を提供できることを明確に示しています。この属性scope=rowを使用して、ヘッダー セルが行ヘッダーであることを明示的に示すことができます。

thvs.の使用tdには、いくつかの意味があります。機能的な意味は、ユーザー エージェントがth特別な方法で処理し、対応するヘッダー情報によってユーザーがデータ セルにアクセスできるようにすることです。これは主に発話ベースのエージェントに当てはまります。これが意味を持つためには、thセルが実際にデータ行またはデータ列の識別情報を提供する必要があります。この場合、条件は満たされています。したがって、目的のレンダリングとはまったく関係thなく、代わりに を使用できますし、使用する必要があります。td

その他の意味は、デフォルトでは、th要素のコンテンツが太字で水平方向に中央揃えで表示されることです。これが適切と見なされない場合は、CSS (または HTML) で簡単にオーバーライドできます。あなたの場合、コンテンツを太字にしたいが左揃えにしたい場合は、を使用してth { text-align: left; }ください。(別の、おそらくより良いスタイルは、行ヘッダーth { text-align: right; }を右揃えにすることです: . 中央揃えは奇妙に見えるかもしれません.)

于 2013-02-04T09:36:27.100 に答える
0

または、その css を追加して、最初の列のみを太字にすることができます

table tr td:first-child{font-weight:bold;}
于 2013-02-04T03:36:18.743 に答える