html - 1つの垂直列にヘッダーがあるHTMLテーブルを作成するにはどうすればよいですか？

Question

1つの垂直列にヘッダーがあり、右側の列にデータがあるHTMLファイルを作成したいと思います。合計で2つの列のみになります。私はhtmlドキュメントを見て、スコープに関するものを見てきましたが、このコンテキストでそれを使用する方法が完全にはわかりません。例：

Answer 1

HTMLは非常に単純です。必ず[scope]属性を使用して、テーブルの正しい方向を指定してください。

<table>
    <tbody>
        <tr>
            <th scope="row">City</th>
            <td>$city</td>
        </tr>
        <tr>
            <th scope="row">Latitude</th>
            <td>$latitude</td>
        </tr>
        <tr>
            <th scope="row">Longitude</th>
            <td>$longitude</td>
        </tr>
        <tr>
            <th scope="row">Country</th>
            <td>$country</td>
        </tr>
    </tbody>
</table>

[scope]属性のドキュメントから：

行の状態は、ヘッダーセルが同じ行の後続のセルの一部に適用されることを意味します。

Answer 2

次のような要素が続く要素を使用してテーブルを作成できます。

<table> 
<tr>
    <th scope="row">Category 1</th><td>data1</td>        
</tr>   
<tr>
    <th scope="row">Category 2</th><td>data2</td>        
</tr>  
<tr>
   <th scope="row">Category 3</th><td>data3</td>         
</tr>

動作中の例を次に示します。

垂直ヘッダー