ブログの記事にtable(表)を書きたいときはどうされているのでしょう？
PCにインストールされているソフトを使いますか。それともWeb上で提供されている表作成ツールを使ったりするのでしょうか。
実は私は前の記事の試合日程のtableタグを書くのに、ツールをいちいち探し出すのが面倒だったので、あまり意識しないで自分の(Yuki)Wikiを使いました。
一般にWikiツールはタイピングの手間を省くためにHTMLタグに代わるいろいろな記法が提供されています。特にtableを描くための記法は、HTMLのそれに比べて飛躍的にタイプ量を減らせます。
例えば、YukiWikiの場合、下記のように、表の各要素に当たる文字列の左にカンマを付けて羅列するとともに、改行で一行の区切を明示するような書き方をします。
,,睦月,如月,弥生,卯月
,パンパ,項目１-１,項目１-２,項目１-３,項目１-４
,ガウチョ,項目２-１,項目２-２,項目２-３,項目２-４
,ねずみ,項目３-１,項目３-２,項目３-３,項目３-４
そしてWiki上で新規ページを作成し、上の文字列を入力して保存します。出来上がったページをブラウザで開き、HTMLソースを表示させると下記のようなHTMLによるtableタグに変換してくれていることがわかります。
<table border="1">
<tr><td></td><td>睦月</td><td>如月</td><td>弥生</td><td>卯月</td></tr>
<tr><td>パンパ</td><td>項目１-１</td><td>項目１-２</td><td>項目１-３</td><td>項目１-４</td></tr>
<tr><td>ガウチョ</td><td>項目２-１</td><td>項目２-２</td><td>項目２-３</td><td>項目２-４</td></tr>
<tr><td>ねずみ</td><td>項目３-１</td><td>項目３-２</td><td>項目３-３</td><td>項目３-４</td></tr>
</table>
このようなWiki記法は便利なので、最近はホスティングタイプのブログサービスでも記事の編集にWiki記法を使えるようにできるところが増えています。それができなくても、livedoorや@WikiのようなレンタルWikiサービスもあるので借りておくこともできます。まあ、このためだけに借りる人はいないでしょうけど…。
あとこの例の仕上げとして、属性値"border"を削除し、th要素にすべきところを修正し、キャプションとサマリーを書き、tbody, theadででもマークアップします。
<table summary="Wikiの助けを借りて作ったテーブル">
<caption>サンプルテーブル</caption>
<thead>
<tr><th></th><th>睦月</th><th>如月</th><th>弥生</th><th>卯月</th></tr>
</thead>
<tbody>
<tr><th>パンパ</th><td>項目１-１</td><td>項目１-２</td><td>項目１-３</td><td>項目１-４</td></tr>
<tr><th>ガウチョ</th><td>項目２-１</td><td>項目２-２</td><td>項目２-３</td><td>項目２-４</td></tr>
<tr><th>ねずみ</th><td>項目３-１</td><td>項目３-２</td><td>項目３-３</td><td>項目３-４</td></tr>
</tbody>
</table>
こうなります。
| 睦月 | 如月 | 弥生 | 卯月 | |
|---|---|---|---|---|
| パンパ | 項目１-１ | 項目１-２ | 項目１-３ | 項目１-４ |
| ガウチョ | 項目２-１ | 項目２-２ | 項目２-３ | 項目２-４ |
| ねずみ | 項目３-１ | 項目３-２ | 項目３-３ | 項目３-４ |
あとこのtableのスタイルですが、私はtableタグの中になるべく属性値は入れたくないので、とても適当ですけど、CSSを書くことにしています。ただあまりにも適当なのでもうちょっと何とかしようと思って物色すると、下記のWebツールがありました。
HTML and CSS Table Border Style Wizard
便利そうです。
