JavaScriptJavaScript(jQuery)を使って外部に設置したhtmlファイルをインクルードさせるサンプルです。ヘッダーやフッターなどの共通パーツを外部ファイル化することで、メンテナンス性が高くなります。反面、JavaScriptで動的に生成するため、Googleのクローラーは認識しませんので、その対策が必要になります。個人的には、とりあえずウェブマスターツールでサイトマップxmlを送信しとけば最低限は何とかなるかなって感じです。責任は持てませんけど。必須になりますので、以下からダウンロードするか、CDNを読み込むなりしてください。class="include"></div></body></html>インクルード用html<div><p>この部分は外部からインクルードされたhtmlファイルです。</p><p>この部分は外部からインクルードされたhtmlファイルです。</p><p>この部分は外部からインクルードされたhtmlファイルです。</p><p>この部分は外部からインクルードされたhtmlファイルです。</p><p>この部分は外部からインクルードされたhtmlファイルです。</p><p>ソースを見て確認してみてくださいませ。</p></div>JavaScript※head内に記述しているものと同じです。しているのは、インクルード用ファイルを更新した際に、即座にブラウザに反映させるためです。表示サンプルサンプルhtmlJavaScript(jQuery)でhtmlをインクルードのサンプル共通パーツを外部化すると、ちょっとした更新が非常に楽になります。クライアントの許可があれば使っていきたいですね。スポンサーリンクシェアするツイートフォローするみっち関連記事jQueryでグローバルナビの現在地をアクティブに(CSSクラス付与)Webサイト構築で、ほぼ必須と言ってもいいグローバルナビゲーションと現在位置(カレント)表示。毎回1から制作するのもアレなので、汎用的に...記事を読むjQueryでページトップへスクロールjQueryを使ったシンプルなページトップリンクのサンプルです。使う場合が多いかと思いますが、separate...記事を読むボックスからあふれたテキストを「...」で省略表示ページ送りの記事にもちょこっと書いていますが、1行分のボックスからあふれたテキストを省略表示する場合のサンプルです。...記事を読む段落先頭1字下げなどのテキストインデントDTPではよく使われる「段落先頭1字下げ」など、テキストインデントのサンプルを紹介します。7+IE8以降です」というケース。7でのIE...記事を読むCSSでマルチカラムマルチカラム(段組み)レイアウトのサンプルを2つ紹介します。