• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:よく使うHTMLの外部ファイル化は可能ですか?)

よく使うHTMLの外部ファイル化は可能ですか?

このQ&Aのポイント
  • javascriptやCSSは外部ファイルから読み込めますが、HTMLでも同様にできるのでしょうか?
  • HTMLでメニューを作成する際、すべてのHTMLファイルに書くのは手間です。外部ファイル化する方法はありますか?
  • jQueryのhtmlメソッドを使用することもできますが、他にも外部ファイル化する方法はあるのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.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のページが実在することはありえません。--刻々と変わる内容をすべてのページについて書き換えるなんて事はありえません。

Haruka303
質問者

お礼

大規模サイトの作り方のご説明、ありがとうございました。 きっと動的に生成されているんだろうなとは思っていたのですが、 後学のためになりました。感謝です。 そして、それほど大規模なサイトでもありませんので、 エディタの機能を用いて、個々のファイルに書こうと思います。 ご回答ありがとうございます。

すると、全ての回答が全文表示されます。

その他の回答 (2)

  • dscripty
  • ベストアンサー率51% (166/325)
回答No.2

http://okwave.jp/qa/q7435192.html の [ANo.4] を確認!

Haruka303
質問者

お礼

おなじORUKA1951さんのご回答ですね。 教えてくださって、ありがとうございます。 もっと技術が向上したら、挑戦してみたいと思いますが、 今は、普通にHTMLを書こうと思います。 感謝です。

すると、全ての回答が全文表示されます。
  • Gletscher
  • ベストアンサー率23% (1525/6504)
回答No.1

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/>メニュー1</a><br>\n"); document.write("<a href=http://xxxxxx.com/menu2/>メニュー2</a><br>\n"); document.write("<a href=http://xxxxxx.com/menu3/>メニュー3</a><br>\n"); document.write("<a href=http://xxxxxx.com/menu4/>メニュー4</a><br>\n"); // -->

Haruka303
質問者

お礼

javascriptを用いて書くと、SEO対策で不利になるみたいです。 SEO対策を気にしなくてもよい場面で使えるかもって思いました。 ご回答ありがとうございました。

すると、全ての回答が全文表示されます。

専門家に質問してみよう