Webサイトを作っていく上でCSSを記述しますが、ページ数が多くなるとファイルを分割すると思います。
ページごとに異なるCSSを適応させる場合は、CSSファイルを分割し、ページごとに必要なCSSファイルのみを読み込むのが良いかと思います。
もちろん共通で使用するCSSは各ベージで読み込みますが。
全てのCSSファイルを読み込むのは非効率だと思います。特定のCSSファイルを、必要のないページに読み込むと無駄になると思います(読み込み時間などなど)。これは一般的な手法として捉えてよろしいでしょうか?
また、最近ではhead要素やheader footerなど共通部分は一度だけ記述し、コンテンツをテンプレートエンジンなどを使用して、呼び出しを行うのが多くなってきていると思います。
ここで質問なのですが、ページごとに異なるCSSファイルを用意していた場合、CSSの呼び出しはhead要素内であり、全てのページに全てのCSSファイルを呼び込むことになると思います。これは先ほどの無駄ということになりますよね...?
そこで、呼び出し先のコンテンツ部分で個々のCSSファイルを読み込む記述をしておけば良いと思うのですが、最終的に結合されたHTMLが汚くなると思います。
HTML
1<head> 2<style rel="stylesheet" link="common.css"> 3<head> 4<body> 5 6<div id="contents"> 7 <head> <!-- ここ --> 8 <style rel="stylesheet" link="page1.css"> 9 </head> 10 <p>page 1</p> 11</div> 12<body>
このような条件下では、どのようにCSSファイルを読み込むのが良いのでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/02/24 03:17
2017/02/24 03:26
退会済みユーザー
2017/02/24 07:10