[ HTML ] テーブルのタイトルを表示する ( caption 要素 )

Tweet

Pocket

ここでは、HTML の table 要素で作成された表の上下にテーブルのタイトルを表示するサンプルを掲載しています。

テーブルのタイトルを表示 ( caption 要素 )

次のサンプル HTML では、テーブルの上下にテーブルのタイトルを表示しています。

  <!-- テーブルの上にタイトルを表示する -->
  <table>
    <caption align="top">日本の平均気温</caption>
    <tr>
      <th>春</th><th>夏</th><th>秋</th><th>冬</th>
    </tr>
    <tr>
      <td>10℃</td><td>25℃</td><td>15℃</td><td>0℃</td>
    </tr>
  </table>

  <!-- テーブルの下にタイトルを表示する -->
  <table>
    <caption align="bottom">みんなの感想</caption>
    <tr>
      <th>春</th><th>夏</th><th>秋</th><th>冬</th>
    </tr>
    <tr>
      <td>気持ちい</td><td>熱い</td><td>ちょうどいい</td><td>寒い</td>
    </tr>
  </table>

実際の出力結果

テーブルでページレイアウトするな

テーブルを使ってページのレイアウトを決めてはダメって言われて久しい（言われてる？）ですが、実業務では結構バリバリテーブル使います。理由は簡単です。テーブル使ったレイアウトは簡単ですし、余計なこと覚える気もないからです。これを余計なことと言ってはエンジニア失格かもしれません。

「 テーブルだと読み込み完了するまで何もできなくなるように見える 」 と、言われましても、「 何もできなくてもいいでしょ？性能気にするならもっと違う部分から見直しましょう。そのクソ遅い SQL はそのままに HTML のテーブルをやめたからと言って大して効果ないですよ 」 と言うことです。

気にする順番が間違ってると言うことです。順番が！！

検索ボタンクリックしたらしばらく応答がないので、一服しに行くようなシステム結構見てきましたが、世の中にはまだまだ知らない面白いシステムがあるんだと思います。

ウチのシステムはここが面白い、ここがヘンだよ的なネタを開発者さんだけでなく、ユーザーさんからのタレコミもお待ちしております。

Tweet

Pocket