htmlの中にcssやjsを直接記述するデメリットは？

タイトル通りです。
.js等にファイル可せずに、body棟に直接記述するのがなぜダメなのか、理由を教えてください。

※
書いてなかったので、追記…
特に外部ファイルで共通化以外見つからないんですが、見栄えが良くなったりする…見た目ださいとか以外デメリットがありますか？
読み込み速度とかも微量ですよね。
クリティカルなものはありますか？

2020/12/09 06:08

少なくとも質問者程度の知識量のうちはデメリットは無い。まともな質問文を書けて質問内容を具体的に出来るほどの知識がついた段階ではデメリットだらけだと思うけど、それが出来る頃には質問する間でもなくデメリットを理解しているはず。手抜きで質問しているだけの可能性も考えて一応こちらに。丁寧に具体的な質問になれば回答するかもしれません。

m.ts10806

2020/12/09 07:29 編集

無駄なコメントしてしまったので編集削除。

m.ts10806

2020/12/09 08:01 編集

毎回書いておいてください。自身のプロフィールの内容を質問に。そうしてくれたら低評価だけして去るので。そのほうが無用な通知を防げるのでご自身にとっても良いでしょう。あとこの程度で質問してしまう人の理解を得られるようなアドバイスができるような人ってそうそういないので諦めてググってください。この内容に正直に応えるなら、ここで回答して埋もれさせるくらいならもっとたくさんの目に触れるところに書きます。そしてそういう人は実際にいて、分かりやすい記事は溢れてます。調べてすらない人にまじめに応える義理はないです。

行動規範の内容に同意します

回答1件

画像、CSS、JS、その他諸々全てを一つのHTMLに含めてしまうということのメリットですね。以下、考えられる事柄を羅列してきます。

配付がファイル一つだけで良い。
HTMLコンテンツをファイルとして配付する場合、CSS等も一緒に付けるのは大変です。複数のファイルにわかれてしまうため、zip等でアーカイブして渡す必要があるなど工夫が必要です。一つのファイルで渡すなら、電子メールと同様のMHTMLという手段もありますが、全てのブラウザで対応しているわけではありません。
その点、全てがHTML内に収まっているのであれば、ファイル一つだけですので、Word一つだけ、Excel一つだけと同じ感覚で配付することができます。
HTMLファイルしかカスタマイズできない場合でも対応可能。
Webシステムな製品では、ログイン画面等がカスタマイズできる物があります。CSSやJS、その他ロゴ等も含めてカスタマイズできる製品もありますが、中にはHTMLだけしかカスタマイズできないと言う製品もあります。
その時役に立つのが、全てを含めたHTMLです。CSSを内包していれば、HTMLの限界を超えた表現が可能になります。
真のSPAである。
シングルページアプリケーションなのに2回以上静的コンテンツのアクセスが発生することはナンセンスです。真のSPAとはシングルなHTML一つで、フロントが実現されなければなりません。
作り方も簡単。
Parcelとそのプラグインparcel-plugin-inlinerを使えば今すぐできます。