cssファイルが最初から分離されている場合は良いが、htmlファイル内部にスタイルシートの内容が直接記述されている場合、後々のためにも、別ファイルとしておいた方が案配がよい。
理由はいくつもあるが、大きなものを挙げておくと、
１）大々的に見た目を更新することが容易である。
２）統一性のあるサイトの構築がしやすい。
３）検索エンジンのランキングルーチンに適しやすい。
※htmlファイル内の記述は出来る限り内容以外の記述（見た目などに関する記述）は少ない方がランキングが高くなる傾向にあるし、特にHeader部分が大きいのは余計によろしくない。
ということであろう。
さて、別ファイルとしての保存方法だが、
１）新たな外部cssファイルを作成する。
（例）mystyle.css—以下、便宜上、このcssファイルをmystyle.cssと記述する
２）当該htmlファイル（以下、例としてfoo.htmlとする）のソースから、スタイルシートの記述部分を切り取り、１で作った新たな外部cssファイル(mystyle.css)に貼り付ける。
３）mystyle.cssから上下のコメントアウト部分（<!–と–>）を取り去る。
４）foo.htmlから、<style type=”text/css”></style>の部分も削除する。
５）かわりに、foo.htmlに、<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />てな感じで、記述してやる。
６）この例の場合、foo.htmlと同じ階層に、mystyle.cssをテキストモードでFTP転送する。
コメント