😎
[HTML]"tableタグは使うな"の説明はバツ!? 本来の目的を認識しよう。
"tableタグはなるべく使わないほうがいい"
このワード聞いたことないですか？！？！
これは間違ってもないし、正解でもない。言葉が足りない。
tableタグの目的とは？ レイアウトに使用しないのはなぜ？ 逆にどの時が適してる？
を、今日は詳しくやっていきます。
tableタグとは？
根本的な使用方法に関してはこちらのページで確認で。
本来の使用目的
HTML の <table> 要素は表形式のデータ、つまり、行と列の組み合わせによるセルに含まれたデータによる二次元の表で表現される情報です。 -MDN
つまり！！！ 以下のような時に使用が適する。
- 1つのrowにいろんなデータがあって一気に見せたいとき
- データの表示のため(データ量が多いとき)
- デザインではなく,データ表示の目的の時
なぜ使わないほうがいいという言われ方をするのか？
上記で使用目的について記述したが、
この使用目的全て、desktopで見るようなものばかりではないだろうか。
まだレスポンシブ対応などない時代に、作成されたタグのため、
モバイルへの対応が複雑になってしまうしエラーになこともあるのだ。(もちろんできなくはない。)
という意味で、レイアウトのためにtableは使用しないこと。
今は<div>などで綺麗にtableを作成することが可能だ。
結論
それぞれの使用目的に合わせて使用すること。
上記の条件に当てはまるものであれば、tableは十分に使用することがある。
tableタグが昔のものではあるが、まだ公式にも残っているのには意味がある！
使用しないほうがいい、だけを鵜呑みにするのは良くないということを学びました。
Discussion