質問: htmlの入れ子構造について質問です。 divダグは不用意に使いすぎない方がいいと伺いました。 逆にdivタグを使わなくてはいけない場面もあるのでしょうか? 入れ子の順番等に問題なく(pタグの中にh1を入れているなどしていない) HPの見た目も整っているのであれば使う必要はないという認識で問題ないのでしょうか? 下手くそな質問の仕方で申し訳ないのですが、ご回答いただけますと幸いです。
回答: div は匿名の(意味を持たない)ブロックレベル包含要素で、他の要素ではマークアップ出来ない場合に限って使う事が推奨されています。 例えばページ上部のロゴやメニューなどは header でマークアップしますよね。箇条書きは ul、表組は table ですね。これらは意味のある(セマンティックな)タグです。 では table の下に関連する情報を箇条書きで掲載したい、これをまとめて枠線で装飾したいとなったら...そんなタグは無いですよね。そこで特定の意味を持たず何にでも使える div を使うという訳です。 しかし何にでも使える、を勘違いして何でもかんでもdivにしてしまうとコードの可読性が落ち、ひいてはメンテナンス性も悪くなるので推奨されていないという訳です。(構文としては間違いでは無いんですけどね)