今さっきの記事を書いていて、テーブルが縦長だなぁと思いました。そこで視認性についての所見 - NOTE[2008/5/16]を思い出した。マークアップ的には全然問題ないと思うんだけど、例えば以下のようなテーブルはどうか。
| Firefox 3のダウンロード数100K超えの国 | |||||
|---|---|---|---|---|---|
| 順位(1～12) | 国名 | ダウンロード数 | 順位(13～24) | 国名 | ダウンロード数 |
| 1位 | アメリカ | 3,476,984 | 13位 | 中国 | 249,797 |
| 2位 | ドイツ | 993,151 | 14位 | オランダ | 210,384 |
| 3位 | 日本 | 650,757 | 15位 | オーストラリア | 189,223 |
| 4位 | イギリス | 435,247 | 16位 | ルーマニア | 156,445 |
| 5位 | スペイン | 405,976 | 17位 | ロシア | 147,575 |
| 6位 | フランス | 398,726 | 18位 | インド | 135,547 |
| 7位 | リトアニア | 350,883 | 19位 | トルコ | 123,962 |
| 8位 | イタリア | 335,653 | 20位 | ハンガリー | 119,409 |
| 9位 | カナダ | 317,763 | 21位 | メキシコ | 118,793 |
| 10位 | ポーランド | 284,392 | 22位 | スイス | 112,690 |
| 11位 | イラン | 268,855 | 23位 | 台湾 | 108,456 |
| 12位 | ブラジル | 252,392 | 24位 | オーストリア | 101,911 |
私は一つのtd要素を一行で書く癖があるので、ソースは見難いですが、まぁこれは私の中での論理的または感覚的な美なので良しとします。で、上記のテーブルのマークアップも間違ってはいないと思いますが、scope属性ってどうなるんだろ？1～12の順位にはscope="row"を指定していますが、13～24の順位にもscope="row"を指定しています。1～12のscope="row"は、13～24のscope="row"の手前までの見出しという意味になるんかな？
あと、「国名」と「ダウンロード数」(1～12としていますが「順位」も)が繰り返し出てくることに違和感を覚えたのですが、それはCSSで例えばp {font-size: 16px;}とh3 {font-size: 16px;}みたいに、同じ値のものはp, h3 {font-size: 16px;}というようにまとめちゃったほうが良いっていう感覚だからだと思います。
