2009年4月23日

Bloggerに表を投稿するときは改行を消す

 記事中に表を書きたいときは<table>タグを使って表を作成し、それをHTML編集でBloggerに貼り付けるだけです。

<table>
<thead><tr>
<th>タグ</th><th>説明</th>
</tr></thead>
<tbody><tr>
<td>TD</td><td>テーブルのセル。横に並べる。</td>
</tr><tr>
<td>TH</td><td>見出し。TDの代わりに使う。</td>
</tr><tr>
<td>TR</td><td>行の区切り。TDを囲む。</td>
</tr></tbody>
</table>


 ただしこのとき注意しなければならないことが一点。 Bloggerのフォーマット設定で「改行の変換」を有効にしている場合、<tr>タグや<td>タグの間に書いてある改行が投稿後に<br>タグに変換されてしまうため、下のように意味不明な空白ができてしまいます。












タグ説明
TDテーブルのセル。横に並べる。
TH見出し。TDの代わりに使う。
TR行の区切り。TDを囲む。



これを解決するには改行を消して、表のHTMLを1行にしてしまえば良い。

<table><thead><tr><th>タグ</th><th>説明</th></tr></thead><tbody><tr><td>TD</td><td>テーブルのセル。横に並べる。</td></tr><tr><td>TH</td><td>見出し。TDの代わりに使う。</td></tr><tr><td>TR</td><td>行の区切り。TDを囲む。</td></tr></tbody></table>


後から編集するのが面倒になるけど、これで表の上に空白ができなくなります。

タグ説明
TDテーブルのセル。横に並べる。
TH見出し。TDの代わりに使う。
TR行の区切り。TDを囲む。

0 件のコメント:

コメントを投稿