H63: Using the scope attribute to associate header cells and data cells in data tables

HTML Snippet

Code

Scenario 1: Scope attribute is not provided

Sales for current year
Product	Price
Product 1	$126.99
Product 2	$300.75

<table cellspacing="0" border="1" width="200px"> <caption style="color: #000000">Sales for current year</caption> <tbody><tr> <td>Product</td> <td>Price</td> </tr> <tr> <td>Product 1</td> <td>$126.99</td> </tr><tr> <td>Product 2</td> <td>$300.75</td> </tr> </tbody></table>

Scenario 2: Scope column (col) attribute is not provided for table head (th)

Sales for current year
Product	Price
Product 1	$126.99
Product 2	$300.75

<table cellspacing="0" border="1" width="200px"> <caption style="color: #000000">Sales for current year</caption> <tbody><tr> <th>Product</th> <th>Price</th> </tr> <tr> <td>Product 1</td> <td>$126.99</td> </tr><tr> <td>Product 2</td> <td>$300.75</td> </tr> </tbody></table>

Scenario 3: Scope row attribute is not provided for table head (th)

Sales for current year
Product	Price
Product 1	$126.99
Product 2	$300.75

<table cellspacing="0" border="1" width="200px"> <caption style="color: #000000">Sales for current year</caption> <tbody><tr> <th>Product</th> <th>Price</th> </tr> <tr> <th>Product 1</th> <td>$126.99</td> </tr><tr> <th>Product 2</th> <td>$300.75</td> </tr> </tbody></table>