別の.htmlファイルから特定のコンテンツをインポートしたWebページのリンクを作成するにはどうすればよいですか？

Question

私は6つの.htmlページからなるウェブサイトを持っています。メインページは（index.html）です。ナビゲーションメニューには<li>の要素があり、別の.htmlファイルからコンテンツをインポートします（たとえば、お問い合わせ先ページ）。

<li><a>Contact</a></li>をクリックするとナビゲーションメニュー（見出し）とフッターはそのまま残り、「contact.html」の内容で内容が変更されます。ホームページにアクセスしてナビゲーションメニューから「連絡先」をクリックするとうまくいきますが、このページに直接アクセスしたい場合はどうすればいいですか？

たとえば、私がwww.mywebsite.com/contactにアクセスした場合、ヘッダー、連絡先のページの内容、およびフッターが見つかります。私がwww.mywebsite.com/contact.htmlにアクセスすると、スタイリングや何もせずにhtmlコンテンツを見つけることができるからです。これが可能ですか、またはすべてのページのヘッダーとフッターのコードを追加する必要がありますか？

Answer 1

DIYソリューションを開始するためのアイディアです。

1. 個々のページで、「ルータ」というクエリパラメータがあるかどうかを確認します。 Here's a good way to check for that。
2. そのようなクエリパラメータが存在しない場合は、インデックスページへreplace the window場所が、適切なハッシュindex.htmlページ内（例えば、index.htmlを＃接点）
3. で、適切に引っ張ってhashを使用ページに表示されますが、ajaxを経由してロードするときは、ルータパラメータをロードすることを確認してください（contact.html？router = trueのようにコンタクトページのURLをロードするようにしてください）。