WordPressでTABLEタグが使えない?ハズはないです

css-iconWordPressでテーブルタグを使うと罫線が表示されないから不便だという話を耳にしましたので、それについて触れてみたいと思います。

ちょうど先ほどVPSの比較用にExcelで表を作ってそのままWordPressに貼り付けたTABLEタグがあります。私が使ってるWordPressテーマでの定義では下の様な表になりました。私はこれで別に不満はありません。

プロバイダ CPU メモリ ディスク容量 初期費用 月額料金 年契約の月額料金
WEBKEEPERS スタンダード 保障1コア×13% 1GB 80GB 0 980 780
FC2 VPS スタンダード 保障1コア×13% 1GB 20GB 0 980 780
さくらVPS 仮想2コア 1GB 100GB 0 980 980
GMOクラウドVPS 仮想3コア 2GB 100GB 0 980 980

実際にExcelからコピってきた表のHTMLソースコードは下記の様になります。相変わらずTABLEタグはウザいですね。TABLEタグって読みづらくて非人間的な構造だと私は思うので、無くなればイイのにと思います。

<table width="731" border="0" cellspacing="0" cellpadding="0"><colgroup> <col width="222" /> <col span="5" width="72" /> <col width="149" /> </colgroup>
<tbody>
<tr>
<td width="222" height="18">プロバイダ</td>
<td width="72">CPU</td>
<td width="72">メモリ</td>
<td width="72">ディスク容量</td>
<td width="72">初期費用</td>
<td width="72">月額料金</td>
<td width="149">年契約の月額料金</td>
</tr>
<tr>
<td width="222" height="36"><a href="http://jp.webk.net/service/vps_windows.html" target="_blank">WEBKEEPERS スタンダード</a></td>
<td width="72">保障1コア×13%</td>
<td width="72">1GB</td>
<td width="72">80GB</td>
<td align="right" width="72">0</td>
<td align="right" width="72">980</td>
<td align="right" width="149">780</td>
</tr>
<tr>
<td height="36"><a href="http://fc2-vps.com/">FC2 VPS スタンダード</a></td>
<td width="72">保障1コア×13%</td>
<td width="72">1GB</td>
<td width="72">20GB</td>
<td align="right" width="72">0</td>
<td align="right" width="72">980</td>
<td align="right" width="149">780</td>
</tr>
<tr>
<td height="18"><a href="http://vps.sakura.ad.jp/">さくらVPS</a></td>
<td>仮想2コア</td>
<td>1GB</td>
<td>100GB</td>
<td align="right">0</td>
<td align="right">980</td>
<td align="right">980</td>
</tr>
<tr>
<td height="18"><a href="http://vps.gmocloud.com/">GMOクラウドVPS</a></td>
<td>仮想3コア</td>
<td>2GB</td>
<td>100GB</td>
<td align="right">0</td>
<td align="right">980</td>
<td align="right">980</td>
</tr>
</tbody>
</table>

続きを読む