WordPressでテーブルタグを使うと罫線が表示されないから不便だという話を耳にしましたので、それについて触れてみたいと思います。
ちょうど先ほど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タグって読みづらくて非人間的な構造だと私は思うので、無くなればイイのにと思います。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<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> |