外部CSS/Js化HTMLをスマートに最近はブロードバンドの普及による回線の高速化も後押しして、インターネット利用者が増え、それに応じてWEBサイトにはデザインや利便性が求められるようになり、より凝った作りのWEBサイトも多く見かけるようになりました。デザインや利便性の向上にはCSSやJavascriptなどが不可欠であり、これらが広く普及した大きな要因として、HTML内に記述できる容易さがあげられます。CSS(スタイルシート)やJavascriptはHTMLと組み合わせることで見栄えや動作を制御する設定情報に過ぎません。HTMLの文章内に直接記述しても、検索エンジンなどには無益な情報です。CSSやJavascriptは外部ファイル化し、明確にHTMLと切り離すことでHTMLをスマートにさせましょう。外部ファイル化で検索エンジンに登録されやすくなる検索エンジンはページ全体の情報のうち、特に冒頭部分に書かれた内容を重視します。従って、ページの上部に、やたらとCSSやJavascript情報が書かれていると、本来すぐに文章が始まる部分をこれらが占領するため、ページ全体のキーワード密度が下がり、検索エンジンに登録されにくくなってしまいます。CSS(スタイルシート)やJavascriptを一括管理することで更新が楽になるCSSやJavascriptを外部ファイル化し、すべてのページで同じCSSやJavascriptファイルを読み込むように設定すると、HTMLとこれらが切り離されるため、以後のメンテナンスはCSSやJavascriptファイルの内容を書き換えるだけで良く、少しの操作ですべてのページに変更内容を反映させることができるようになるのです。外部ファイルを用意するまずは、設定情報の元となるCSSやJavascriptファイルを作成することから始めます。HTML内にこれらの情報を直接記述している場合は、その部分(<head>〜</head>内に書かれたスタイルシートやJavascriptなどの情報)をコピーして、メモ帳などに貼り付け保存します。新たにCSSやJavascriptファイルを作成する場合は記述例に従って記入し、保存してください。それぞれのファイルの拡張子は以下になります。;}外部ファイルを読み込む次に作成したCSS(スタイルシート)やJavascriptの外部ファイルを呼び出す記述をこれらの情報を読み込ませたいHTML内の「<head>〜</head>」内に以下のように記述します。src="js/roller.js"></script></head>※CSSは「href=""」で、Javascriptは「src=""」でファイル場所を指定します。☆ココがポイント!スタイルシート(CSS)やJavascriptは外部ファイル化することで、HTMLをスマートにさせることが出来るだけでなく、検索エンジン対策としても有効な手段です。積極的に取り入れましょう。CSSプロパティ一覧HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード。