単一ページのサイト

友人のために小さなサイトをやり直しているので、1ページで作成することにしましたが、同時に完全なナビゲーション、ページナビゲーション、履歴を機能させ、任意のページのリンクをコピーして開くこともできます。 ボーナスとして、アニメーション効果でページが開きます。



これは、1ページのサイトの最も単純な例で、このページ内のすべてのコード(ほぼ*)です。



* IEで履歴を機能させるには、 hist.htmlファイルが読み込まれ、このブラウザでナビゲーションを提供する隠しフレームが必要です。 確かに、IEは他のブラウザーと比較して非常に貧弱に動作します。



必要に応じて、Ajaxを使用してページをロードし、通常どおりスクリプトなしで動作するサイトを作成できますが、メインページをオーバーロードせずに必要なデータのみをロードすることなく、含まれるスクリプトを使用して、アニメーション効果を使用できます。 しかし、これは別のトピックです。



もちろん、このアプローチには欠点があります。検索エンジンは1つのページのみを見つけ、それにリンクします。 私の実装では、jQueryが使用されています(開発中のサイト上の他のもののために必要です)が、このjsフレームワークなしで実行することはかなり可能です。



All Articles