ホームページ > 記事 > ウェブフロントエンド > HTML ドキュメント内で外部スタイルシートを参照する正しい場所はどこですか?
HTML ドキュメント内で外部スタイルシートを参照する正しい場所はどこですか?
- 青灯夜游オリジナル
- 2021-02-03 15:12:5717631ブラウズ
HTML ドキュメント内で外部スタイル シートを参照する正しい場所は、「」部分です。ブラウザのコードは上から下に解析されるため、CSS を下に配置すると、ネットワーク速度が遅い場合、HTML コードは読み込まれても CSS が読み込まれず、ページにスタイルがなく、ページが表示されなくなります。読みにくいので、最初に CSS スタイルを読み込んでページを正常に表示させます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
HTML ドキュメント内で外部スタイル シートを参照する正しい場所は、「<head>」セクションです。
外部リンク CSS に head <head> の部分を入れる必要があるのはなぜですか?
まず、HTML の解析とレンダリングのプロセスを通じて、ページ全体がユーザーに表示されます。
外部リンク CSS は、HTML 内のどこに配置されても HTML の解析には影響しませんが、HTML のレンダリングには影響します。
css を最後に置くと、html の内容がすぐに表示されますが、html 行での css のレンダリングがブロックされてしまいます。 [推奨チュートリアル: CSS ビデオ チュートリアル ]
ブラウザーのこの戦略は実際には非常に賢明です。この戦略がないと、ページは最初にインライン CSS スタイルを表示し、その後待機することになると想像してください。 CSS ダウンロード後、突然見た目が変わりました。ユーザーエクスペリエンスは非常に悪く、レンダリングにはコストがかかります。
cssを先頭に置くとcssのダウンロードと解析をhtmlの解析と同期させることができますが、最後に置くとCSSの解析やブラウザの解析に余分な時間がかかります最初にスタイルのないページがレンダリングされます。CSS が読み込まれた後、ページはスタイル付きのページにレンダリングされ、ページが明らかに点滅します。
コンピュータ プログラミングの詳細については、プログラミング ビデオをご覧ください。 ！
以上がHTML ドキュメント内で外部スタイルシートを参照する正しい場所はどこですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。