外部ファイルを読み込む方法について

質問

外部ファイルを読み込む方法について様々なサイトを参考にしている中、
jQuery.jsを使った方法についてご質問させていただきます。

ファイルは以下のように
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function(){
$("#header").load("header.html");
});
// -->
</script>

（HTMLファイル）
<div id="header></div>

（外部ファイル header.html）
<p>外部ファイルのテスト</p>

上記のとおり設定しブラウザで確認（IE及びFirefox）すると
IEでは画面上外部ファイルが読み込まれた状態で表示はされているが、
ソースは<div id="header></div>と表示。
一方FirefoxのFirebugで確認すると<div id="header><p>外部ファイルのテスト</p></div>
と表示しています。

ここでお聞きしたいのが、巡回ロボットはIEでソース表示されるような認識になるのか・・・
あるいは、外部ファイルが読み込まれた状態のソースで認識してくれるのか・・・
疑問に感じましたのでご質問させていただきました。

なお、参考にさせていただいたサイト内の注意点として上記の方法だと「空div」でひっかかります。と記載がありました。

なにとぞ、よろしくお願いいたします。

回答No.1

t_ohta · ベストアンサー

ロボットはJavaScriptを実行してくれないのでIEのソース表示と同等の内容で認識します。

FirefoxでもFirebugを使わずにソースを見ると<div id="header></div>になっているはずです。
FirebugはJavaScriptの実行結果を表示してくれています。

お礼

ロボットにソースを認識してもらえる方法を今一度検討したいと思います。ご回答ありがとうございました。