これがあなたの達人にはおそらくどれほど簡単に思えるかはわかっていますが、1時間以上探していましたが役に立ちませんでした...
目標: すべての Web ページで 1 つのフッター ファイルとメニュー ファイルを使用する。ブロック、速度などを考慮して、メニューのコンテンツは純粋な html/css であり、フッターのコンテンツは純粋な html/css です。注入されるコンテンツに基づいて最適なソリューションは変化しますか? 例: ビデオ、jscript などが含まれている場合。
2 つの部分からなる質問: 1) 最適な方法はどれですか? タグの使用、jscript の使用など、ある種の php インクルード。つまり、php メソッドが機能するためには、呼び出し元の Web ページが .php である必要がありますか? その場合、HTML5 標準は論点になりますか? たとえば、index.html に footer.php を挿入したい場合、index ファイルも .php である必要がありますか? タグについても同様に、外部ファイルを .html ファイルにすることはできますか (.css 呼び出しですべてのヘッダー情報をリロードするという考えは好きではありません)、それとも .php にする必要がありますか?
index.html ファイル内で、次のことを試しました。
<object id="footerArea" width="100%" height="20%"
type="text/html" data="footer.html">
</object>
と
<?php include 'footer.php' ?>
これらのどちらも私にはうまくいかないようです。
ご参考までに...これは私のフッターのコードで、サンプルデータを挿入して短く読みやすくしようとしています:
<div class="footer box">
<p class="f-right t-right">
<a href="#">www.mysite.com</a><br />
Address: Medford, OR<br />
Phone: (541) 555-5555
</p>
<p class="f-left">
Copyright © 2011 <a href="#">My Name</a><br />
</p>
<p class="f-left" style="margin-left:20px;">
<a href="http://sampleurl.com" target="_blank">
<img style="border:0;width:88px;height:31px"
src="http://sampleurl.com"
alt="Valid CSS3!" />
</a>
</p>
<p class="f-left" style="margin-left:20px;">
<a href="http://sampleurl" target="_blank">
<img src="http://sample.png" width="228" height="50" alt="sample alt" title="sample title">
</a>
</p>
</div>
私のフォーマットを許してください。フォーラムにコードを投稿するのはまだ初めてです。最善を尽くした :)