HTML5&CSSにおけるクラスとwebデザインについて

Question

今HTML&CSSを勉強したてですが３つ質問があります、

１、<div class="◯◯"></div>でヘッダー部分をつくるとして、丸の中には必ず「header」でないといけないものですか？header-listとかheader-logoとかありますが、それ以外でも仮に「top」とか類似した言葉では作動しませんか？

２、ナビゲーション部分には「nav」を使用するらしいですが、これ以外でもdivやspan表向きは変わらないのではないかと思います。div、span,nav,strong等ありますが、使い分けはどのようにしていますか？

３、例えば画像表示するときに<img src="">で書くと思いますが、これをHTMLだったりCSSで書くのはどう違いますか？

よろしくお願いします。

Answer 1

１、<div class="◯◯"></div>でヘッダー部分をつくるとして、丸の中には必ず「header」でないといけないものですか？

いいえ。単なる「クラス名の命名」です。
classに使える文字であれば全く意味のない文字の羅列でも関係ありません。

もちろん、メンテナンス性や可読性などの観点から、役割や意味を持たせた命名にしたほうが良いのは言うまでもありません。

２、ナビゲーション部分には「nav」を使用するらしいですが、これ以外でもdivやspan表向きは変わらないのではないかと思います。div、span,nav,strong等ありますが、使い分けはどのようにしていますか？

「タグの意味や役割」でしたら、それぞれ別途調べてください。
「正しく意味を理解して使うこと」は大事ですが（主にSEO観点で）
見た目だけの話をしているなら、やろうと思えばおおよそどんなタグでも同じレイアウトが可能と思います（普通はやらない）

「どう使い分けているか」についてはは「タグの持つ意味や役割に合わせて使い分ける」です。

３、例えば画像表示するときに<img src="">で書くと思いますが、これをHTMLだったりCSSで書くのはどう違いますか？

”HTMLとは”、”CSSとは”というところから必要でしょうか。
いずれにしても聞きたいことの意図が分かりません。

Comments

[kai0310]

「タグの意味や役割」についてはこちらが参考になるかと思います。
https://developer.mozilla.org/ja/docs/Web/HTML/Element

[退会済みユーザー]

２についてはSEOが絡んでくるんですね。納得です！
３については、私も読み直して見て撤回します。
ありがとうございました。

[m.ts10806]

撤回と言うか、もう少し具体的に記載してもらえれば良いのですけど（質問は編集できます）