- ベストアンサー
よく使うHTMLの外部ファイル化は可能ですか？
- javascriptやCSSは外部ファイルから読み込めますが、HTMLでも同様にできるのでしょうか？
- HTMLでメニューを作成する際、すべてのHTMLファイルに書くのは手間です。外部ファイル化する方法はありますか？
- jQueryのhtmlメソッドを使用することもできますが、他にも外部ファイル化する方法はあるのでしょうか？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
できません。もちろんjavascriptを使用したり、iframeでメニューを表示させるとかは可能ですが、それらは、HTML本来の最大の目的からは逸脱します。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より javascriptやiframeを理解できないユーザーエージェントには無効ですし、なによりも検索エンジンはjavascriptなんて理解できませんからSEOとしては致命的になります。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769 )］より 私は下記のいずれかの対策を採ります。 1) 小規模なサイト--100ページ未満 テキストエディタで、一挙に書き換えます。たとえば私が使用しているEmEditor(Pro)では、「ファイルから変換」という機能がありますから、すべてそれで変換しています。 2) 大規模なサイト---、同じようなページが多いとき HTML自体を、動的に作成しています。すなわち、HTML内にキーワードを埋め込んでおいて、サーバーから提供するときには、各ページで共通な部分--ヘッダの一部、ナビゲーション、フッタ、新着情報など付録的な記事などです。具体的な方法は / hoge.com ルート |-- index.html |-- document ※ |-- document_data/ |-- hoge1.html |-- hoge2.html |-- chapter1 | |-- hoge1.html |-- chapter2 ここで、documentというファイルは、CGIです。ユーザーからたとえば、 http：//hoge.com/document/hoge1.html が要求されると、そのようなファイルはありませんから、/hoge1.html はサーバー上でPATH_INFOと言う環境変数に格納されて、最終的にdocumentにたどり着き、それがCGIなどの実行ファイルですから、それが実行されます。documentは、環境変数の/hoge1.htmlと、document_dataを結びつけて、document_data/hoge1.htmlを開き、書き換える場所があれは書き換えて出力します。 document/chapter1/h0oge1.html が要求されたときも同様です。 新聞社のサイトなど、大規模なサイトは基本的に同様な方法で動的にページを作成しています。あのURLのページが実在することはありえません。--刻々と変わる内容をすべてのページについて書き換えるなんて事はありえません。
その他の回答 (2)
- dscripty
- ベストアンサー率51% (166/325)
http://okwave.jp/qa/q7435192.html の [ANo.4] を確認！
お礼
おなじORUKA1951さんのご回答ですね。 教えてくださって、ありがとうございます。 もっと技術が向上したら、挑戦してみたいと思いますが、 今は、普通にHTMLを書こうと思います。 感謝です。
- Gletscher
- ベストアンサー率23% (1525/6504)
JavascriptでHTMLを書いておいてインクルードすれば良いですよ。 【メニューページ】 menu.js <!-- function menudisp(URL,Wname,Wwidth,Wheight) { window.open(URL,Wname,"width="+Wwidth+",height="+Wheight+",scrollbars=yes,resizable=no,toolbar=no,location=no,directories=no,status=no") } document.write("<body text=teal leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>\n"); document.write("<a href=http://xxxxxx.com/menu1/>メニュー１</a><br>\n"); document.write("<a href=http://xxxxxx.com/menu2/>メニュー２</a><br>\n"); document.write("<a href=http://xxxxxx.com/menu3/>メニュー３</a><br>\n"); document.write("<a href=http://xxxxxx.com/menu4/>メニュー４</a><br>\n"); // -->
お礼
javascriptを用いて書くと、SEO対策で不利になるみたいです。 SEO対策を気にしなくてもよい場面で使えるかもって思いました。 ご回答ありがとうございました。
お礼
大規模サイトの作り方のご説明、ありがとうございました。 きっと動的に生成されているんだろうなとは思っていたのですが、 後学のためになりました。感謝です。 そして、それほど大規模なサイトでもありませんので、 エディタの機能を用いて、個々のファイルに書こうと思います。 ご回答ありがとうございます。