メシオプレス０２　◯×比較表　5個同時に比較できる一覧性が素晴らしい

雑誌に載ってるような、キレイな比較表。

コピペ用コード

</p> <table class="tab_blue"> <tbody> <tr> <th style="width: 100px;"></th> <th style="width: 80px;">比較物1</th> <th style="width: 80px;">比較物2</th> <th style="width: 80px;">比較物3</th> <th style="width: 80px;">比較物4</th> <th style="width: 80px;">比較物5</th> </tr> <tr> <td class="midasi">◯×</td> <td>[batu]</td> <td>[sankaku]</td> <td>[marumaru]</td> <td>[maru]</td> <td>[batu]</td> </tr> <tr> <td class="midasi">特徴</td> <td>比較物1の特徴</td> <td>比較物2の特徴</td> <td>比較物3の特徴</td> <td>比較物4の特徴</td> <td>比較物5の特徴</td> </tr> <tr> <td class="midasi">星評価</td> <td>[star rank=”3″]</td> <td>[star rank=”2″]</td> <td>[star rank=”5″]</td> <td>[star rank=”4″]</td> <td>[star rank=”3″]</td> </tr> <tr> <td class="midasi">顔評価</td> <td>[smile rank=”3″]</td> <td>[smile rank=”2″]</td> <td>[smile rank=”5″]</td> <td>[smile rank=”4″]</td> <td>[smile rank=”3″]</td> </tr> <tr> <td class="midasi">詳細レビュー</td> <td>[shousai url=”#”]</td> <td>[shousai url=”#”]</td> <td>[shousai url=”#”]</td> <td>[shousai url=”#”]</td> <td>[shousai url=”#”]</td> </tr> <tr> <td class="midasi">公式HP</td> <td>[kousiki url=”#”]</td> <td>[kousiki url=”#”]</td> <td>[kousiki url=”#”]</td> <td>[kousiki url=”#”]</td> <td>[kousiki url=”#”]</td> </tr> </tbody> </table> <p>
クリックで全選択、Ctrl+Cでコピー

パラメータ説明

tableのclass	色指定。tab_blue,tab_green,tab_pink,tab_black,tab_whiteの五色
tableのclass	zoom_table: スマホのみ文字を拡大する指定だそうですが、結局見にくいから廃止したとか？
tdのclass	midasi を指定すると、指定したセルが「見出し」になる。
[maru]
[batu]
[sankaku]
[marumaru]
[star rank=”5″]	五段階評価（星）。rankは１～５が指定可能。
[smile rank=”5″]	五段階評価（星）。rankは１～５が指定可能。

表示例

tab_blue指定

	比較物1	比較物2	比較物3	比較物4	比較物5
◯×
特徴	比較物1の特徴	比較物2の特徴	比較物3の特徴	比較物4の特徴	比較物5の特徴
星評価
顔評価
詳細レビュー	詳細へ	詳細へ	詳細へ	詳細へ	詳細へ
公式HP	公式HP	公式HP	公式HP	公式HP	公式HP

tab_green指定

	比較物1	比較物2	比較物3	比較物4	比較物5
◯×
特徴	比較物1の特徴	比較物2の特徴	比較物3の特徴	比較物4の特徴	比較物5の特徴
星評価
顔評価
詳細レビュー	詳細へ	詳細へ	詳細へ	詳細へ	詳細へ
公式HP	公式HP	公式HP	公式HP	公式HP	公式HP

tab_pink指定

	比較物1	比較物2	比較物3	比較物4	比較物5
◯×
特徴	比較物1の特徴	比較物2の特徴	比較物3の特徴	比較物4の特徴	比較物5の特徴
星評価
顔評価
詳細レビュー	詳細へ	詳細へ	詳細へ	詳細へ	詳細へ
公式HP	公式HP	公式HP	公式HP	公式HP	公式HP

tab_black指定

	比較物1	比較物2	比較物3	比較物4	比較物5
◯×
特徴	比較物1の特徴	比較物2の特徴	比較物3の特徴	比較物4の特徴	比較物5の特徴
星評価
顔評価
詳細レビュー	詳細へ	詳細へ	詳細へ	詳細へ	詳細へ
公式HP	公式HP	公式HP	公式HP	公式HP	公式HP

tab_white指定

	比較物1	比較物2	比較物3	比較物4	比較物5
◯×
特徴	比較物1の特徴	比較物2の特徴	比較物3の特徴	比較物4の特徴	比較物5の特徴
星評価
顔評価
詳細レビュー	詳細へ	詳細へ	詳細へ	詳細へ	詳細へ
公式HP	公式HP	公式HP	公式HP	公式HP	公式HP