tableタグが覚えられない…を卒業するために整理した、tr・th・tdの役割
HTMLのtableタグ、正直なかなか覚えられず。tr、th、td…見た目が似ていて、最初のころは書き間違えてエラーが出てしまうことも多かったです。
特に「どれが行で、どれが中身?」と混乱しがちで、そのたびに調べ直していました。
そこで、自分なりに役割ベースで整理してみました。
- tr(table row)…行(ヨコ1列)
- th(table header)…見出しセル
- td(table data)…データセル(中身)
1行の中に、見出しと内容がセットで入るイメージを持つと理解しやすくなりました。
tableタグは見た目を作るものではなく、情報の構造を伝えるためのもの。意味を意識して書くようになってから、ミスも減り、CSSでの調整もだいぶしやすくなりました。