スクリプトには<script>を使用し、外部CSSには<style>を使用しないのはなぜですか?
質問
Web制作を学び始めた親戚からこんな質問をされました。
なぜ
<script src="min.js"></script>
と
<link rel="stylesheet" href="min.css">
? なぜ
<style href="min.css"></style>
. なぜ
link
タグで外部 CSS を追加できるのに、CSS をページにリンクさせるのに
<style>...</style>
の中にCSSを記述する場合は
<head>
?
仕様のせいだと伝えました。他に何か情報はないでしょうか?
どのように解決するのですか?
それは歴史的な...偶然の一致ですか?あなたは、彼が読んでお勧めすることができます diveintohtml5.infoの過去に関する部分 を読むことをお勧めします。ここには、ウェブ開発者間の興味深い物語、実際にはメールのやり取りがあります。ウェブ開発者というのは 実際に 現在私たちが目にしているウェブを開発していたのです ;)
すなわち
<img>
という、私たちが慣れ親しんでいるタグです。
<IMG SRC="file://foobar.com/foo/bar/blargh.xbm">
があり得る。
<ICON name="NoEntry" href="http://note/foo/bar/NoEntry.xbm">
または
<A HREF="..." INCLUDE>See photo</A>
または
<INCLUDE HREF="...">
しかし
に固執することにしました。
<img>
に固執することにしました。
:
現時点では、INCLUDE/EMBEDをサポートする準備はできていません。... だから、私たちは で行くことになるでしょう(ICONではありません。 を使うことになるでしょう。) 当分の間 インライン画像は明示的にcontent-typeされることはありません。 はそれをサポートする予定です(MIME の一般的な適応と一緒に)。 実は、現在使用している画像読み込みルーチンは、その場で画像形式を判断しています。 そのため、ファイル名の拡張子は重要ではありません。 重要ではありません。
質問に対する直接的な答えは分かりませんが、かなり気になるのは
<link>
タグについてです。この辺は、Webのアーカイブを漁るしかなさそうです。
関連
-
[解決済み] サーバーを介さずに、ユーザーがダウンロードできるファイルをメモリ上に作成するにはどうすればよいですか?
-
[解決済み] CSS 画像サイズ、どのように埋めるために、しかし、ストレッチしない?
-
[解決済み】このCSSのmargin-topスタイルが機能しないのはなぜですか?
-
[解決済み] テスト用にブラウザのCSSを無効にする方法
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] これは純関数ですか?
-
[解決済み] HTML文字列を表示できない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] JavaScriptで:hoverのCSSプロパティを変更する
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]
-
[解決済み] リダイレクトされずにHTMLフォームを送信する方法