10
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

classを<div>でつけるか、<h>や<p>などでつけるか迷ったときの考え方

Posted at

初Qiitaの投稿です。

ジーズアカデミーでプログラミングを学び始めて、2日目の私ですが
Progateなどでは知ることができなかった学びがあったので、備忘録として記載します。
こんなに大切なことなのに、説明してある物を見つけられませんでした。
もっと早く知っておければ、学習を楽しく進められたのにな…と今では思います。

divの理解こそが初学者の熟練度を左右するような気がしています…

前提

結論をお伝えする前に初心者はとにかくコードを書く量が大切です。
(完全にジーズの影響です笑)

初心者はたくさんの知識を詰め込んだとしても、コードを書けるようにはなりません。
本で勉強している時間があるなら、とにかく実際に書いてみる。
これが早期上達の鉄則だと、学びながらひしひしと感じています。笑

結論

もったいぶらず結論から言います!
初心者は迷ったら<div class>を使ったほうが良いと思います。

理由は初心者は使い分けができないからです。

divの性質

divは元祖のタグです。
国で言うところのローマです。(すべての道はローマに通ずる的な…と先生が言ってました。)
人で言うところの新生児です。
ミスタードーナツでいうオールドファッションです。

何が言いたいかというと、divには「何も」ついていないんです。
(それゆえ非常に柔軟に使える。)

他のタグと比較で考える

例えば<p>や<h2>タグはhtmlしか書いていないのに、自動で既にcssがついているんです。
他のタグも同様です。

人で言うところの小学生です。
ミスタードーナツで言うチョコレートオールドファッションです。

お持ち帰りでドーナツにデコレーションをしたいのに、チョコレートがかかっていたらやりづらいですよね?

コードでも勝手にcssがついていることによって、cssで多くの調整をしたいときにとても不便になります。
もちろん、慣れている方にとっては正反対で非常に便利なものです。

ただ多くのタグを見慣れていない私達初心者にとっては、それぞれのタグがどんなcssがくっついているのか、
そんなの覚えてられません。

まとめ

初心者はとにかく言語に慣れるために、コードの量を書きまくる。
→書きまくるために、最も柔軟な<div class>を使いまくりましょう、という話です!

追伸 使い分けなどは今後の学習で学んだら、記事を書こうと思います。

10
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?