HTMLとCSS

プログラミングをするにあたってHTMLとCSSは別ファイルにするというのと織り交ぜるのとは
どっちが多いのでしょうか

No.6 回答者： wanderer1 回答日時： 2023/08/17 00:33

どっちが多いかと問われれば、htmlとcssは別になってるケースの方が多いと思います。

その理由ですが、スタイリングについては1つのcssファイルで一元管理できるから、という点につきます。

ウェブサイトには小まめな改訂がつきものですが、htmlのタグにstyle=“”と追加して対応してしまうと、どうしても漏れや抜けが発生したり、cssの優先順位が把握できなくなっていきます。

なんでここだけcssが効かないんだ？

みたいなことが多発しがちなんで、htmlに織り交ぜることは避けて、cssファイルだけで管理する形をとります。

また、近年のcssについては、SASSとかSCSSというcssを拡張した仕組みを使ってることが多いと思います。
エディタで組み上げたものを書き出すというのが一般的になっていて、1つのcssが簡単にできあがるんです。

ちゃんとしたcssファイルが出来上がるのに、htmlに織り交ぜていては非効率さが際立ってしまいます。
時は金なり、ですので時短できるものはガンガン取り入れるのがプログラミングやコーディングの肝となります。

そんなわけでhtmlとcssは別にする、ということが多いというお答えになります。

No.5 回答者： naktak 回答日時： 2023/08/11 13:52

サイト構成でデザインを統一させること

マークアップとデザインという関心と責任の違うものを分離させること
を目的として、別ファイルになるのが基本です。
併せて、html内では微塵もデザインに関することを書きません。

No.4 回答者： gekikaraou 回答日時： 2023/08/11 11:29

外部CSSにして、HTML、CSS、２つでコントロールします。

そうじゃないとページごとにCSSを書かなくてはならなくなり、修正の時も一か所修正すれば良いものをページ数分だけ全部書き換えないとならないからです。

No.3 回答者： ほーほけきょッ 回答日時： 2023/08/11 07:56

別ファイルにするのが基本です。

それぞれのHTMLファイルに直接書いてしまうと、同じスタイルを変更するときに、それぞれのHTMLファイルを修正しなければいけないので、普通は別ファイルとしてCSSファイルを作成し、それぞれのHTMLファイルから参照するかたちをとります。そうすれば、スタイルを変更するときに、その１つのCSSファイルを修正すれば、それを参照しているHTMLファイルの全てに反映できます。

No.2 回答者： lv4u 回答日時： 2023/08/11 07:46

通常は、別ファイルにしますね。

No.1 回答者： dyna_1550 回答日時： 2023/08/11 07:44

CSSを別のHTMLでも使うなら分ける。

そのHTMLに特化するなら、どっちでもいい。