Web ページの領域が別の HTML ファイルを参照するようにする方法はありますか? たとえば、サイトのすべてのページに表示されるサイドバーがあるとします。最終的に、それに関する情報は変更される予定です。すべてのページに移動して変更する代わりに、ページのその領域を完全に別の HTML ファイルにしてから参照する方法はありますか? ありがとう!
5 に答える
<!--#include file="menu.html" -->
サーバー側のインクルードであり、使用している Web サーバーに、指定されたファイルの内容との<!--
間のすべてを置き換えるように指示します。-->
私が示した例では、menu.html が同じディレクトリにあると想定しています。そうでない場合は、それに応じてパスを調整する必要があります。
私のサイトの 1 つから、次のように PHP のインクルードを使用できます。
<?php include './includes/YOUR_NAME_HERE.php'; ?>
次に、サイドバーのコンテンツをその中に入れます。
リンク: PHP インクルード
多くのサーバー側スクリプトでこれを行うことができます。私はPHPに最も精通しています:
<?php require("navbar.html"); ?>
の内容を呼び出しのnavbar.html
場所に直接挿入します。require
ただし、サーバー側のコードがない場合は、AJAX を使用してファイルを呼び出し、適切な場所にロードする必要があります。この方法を使用する場合は、ロードするときにスペースを「予約」するための適切なサイズのコンテナーが必要です。 .
確かに、それが HTML の要点です
<a href="">
タグを使用します。
参照: http://www.w3.org/TR/html4/struct/links.html
サーバー側のテンプレート スキーム、javascript、または iframe を使用して、サイドバーを常に最新の状態に保つことができます。
width
iframe を使用します (サイドバーに必要なピクセル幅に合わせて の値を更新します):
<iframe src="http://www.w3schools.com" style="border:0;height:100%;width:150px;" scrolling="no">
<p>Your browser does not support iframes.</p>
</iframe>