div, class, idとは?

WEBサイトづくり

大学時代にC言語を授業で学んだことがある程度の私ですが、
現在、作りたいサイトがあり、HTMLを勉強中です。
学びをここで共有しておこうと思います。

今日の疑問

<div class=”〇〇”>~</div>とか、
<div id=”〇〇”>~</div>ってなんでしょうか。

divとは?

  • 「div」は「division(分割)」の略
  • 「div」自体に意味はないが、ブロック的にまとめたい時、グループ化したい時に使われている。

classとは?

  • 「class」はCSSの設定をする時に使わていている。
  • 1ファイル内で同じ「class」を何度も利用できる。
    一方で、「id」は1つしか利用できない。

idとは?

  • 1ファイル内で使用できる「id」は一つ。
  • 「class」よりも権力がある感じ?

idについて調べてみましたが、わかったような、わからないような…(笑)
初心者の今のうちは、classを中心に使っていこうと思います。

ただ、「id」はページ内リンクをする時に便利みたいです。
(参考:【初心者用】よくわかるdivについているidとclassの意味と使い方 | ゼロテック(zer0tech)データベース

例えば、記事を読んでいる途中にトップに戻ってほしい時、とかに活用するとよいみたい。

「id」と「class」の使い分けについては、もう少し勉強が進んだら分かってくると思うことにしておきます。

コメント

タイトルとURLをコピーしました