CSS基礎 練習問題 34：CSSの記述方法：外部スタイルシートの読み込み
HTML文書に外部CSSファイル（style.css）を読み込むための正しい記述はどれか。
- <link rel="stylesheet" href="style.css">
- <style src="style.css"></style>
- <css href="style.css"></css>
- <link rel="css" src="style.css">
- <script src="style.css"></script>
正解と解説を見る
正解：<link rel="stylesheet" href="style.css">
外部CSSファイルを読み込むには、head要素内で<link>タグのrel属性に"stylesheet"を指定し、href属性でファイルパスを指定します。
【正解の理由】
<link rel="stylesheet" href="style.css">は、HTML標準で定められた外部スタイルシートの読み込み方法であり、ブラウザがこの記述を見てCSSファイルを取得し適用します。
【不正解の理由】
• 「<style src="style.css"></style>」：style要素はCSSを直接記述するためのタグであり、src属性で外部ファイルを指定する仕様は存在しない
• 「<css href="style.css"></css>」：cssという要素自体がHTMLに存在しない
• 「<link rel="css" src="style.css">」：rel属性の値は"stylesheet"が正しく、"css"は無効。また属性名もhrefが正しい
• 「<script src="style.css"></script>」：script要素はJavaScriptなどのスクリプトを読み込むためのタグであり、CSSの読み込みには使えない