テーブルタグをやめる検討

連休中に、ウェッブサイトを見直している。

ポイントは2つだ。

1)WordPressの別のテーマの検討
2)テーブルをつかったページのあつかい

1)は誰かのアドバイスが必要だろうなぁ。
2)についてはテーブルタグ<table></table>ではなく、用語の定義リスト<dl></dl><dt ></dt><dd></dt>の変更を検討している。

というのは、そもそもテーブルタグは、閲覧するひとの環境に依存するので、表示が不安定になってしまう、とおもうんだよなぁ。

ちなみに、テーブルをつかうさいには、パソコン、タブレット、スマホの表示を勘案して、ピクセルのサイズにより条件分岐させている。

そのさいのプロパティはdisplayを利用。値はblockとした。

たとえばスマホのピクセル数で条件分岐させ、条件がTrueのばあい、tr{display: block}とした。blockにより(パソコンの表示が横にレイアウトされるのに対し)表の要素がスマホ横いっぱいに表示され、縦に並ぶようにした。


table tr{
display: inline
}
のイメージ



table tr{
 display: block
}
のイメージ



最大650px(650px以下のばあい)
display:blockになるようなスタイルシートを書く。

@media (max-width: 650px) {
table td{
display: block;
}

気づいたことを、お気軽に。
公開まで、やや時間がかかりまーす!