すべてのmtウェブページの上にナビを置くのがベストプラクティスです。たとえば、自宅とその周辺の両方にナビがあります。コードを繰り返さなければならないのですか、それとも良い方法がありますか?サイト内のすべてのページの上部にナビを持つベストプラクティス?
1
A
答えて
2
これはウェブサイトを作成している言語によって異なる場合がありますが、これを行う1つの方法は、ナビゲーションバーのすべてのコードを別々のファイルに入れてから、ナビバーが表示されるのが好きです。
たとえばPHPを使用している場合は、navbar.phpファイルにすべてのナビゲーションバーコード(PHPコードは含まれていなくてもHTMLまたはCSS)を入力してからはこのように、navbar.phpファイル内のコードを参照するために文を含めるPHPを使用します。
include 'navbar.php';
をこれを行うことにより、あなたと同じように、それはまた、それが簡単にナビゲーションバーを更新することになるだろう1つのファイル内のコードを更新するだけで、元のページを含むすべてのページに更新が表示されるnavbar.phpファイル。
あなたのウェブページでPHPを使用する必要があります。また、ローカルで開発する場合は、実際にこれを確認するために、PHPを実行しているサーバーをコンピュータにインストールする必要があります。 PHP開発環境をお探しの場合は、XAMPPまたはMAMPが良い選択肢です。
2
ヘッダーに1つのファイルを使用し、必要なページにHTMLを含めることはできません.HTMLではできません。PHPのようなものが必要です。
1
の代わりにCSSを使用すると、CSSよりも優れた言語をブートストラップで使用できます。それは101の定義済みのテンプレートを持っています。
関連する問題
- 1. (HTML/CSS)なぜナビはページの上部に移動しませんか?
- 2. サイト内のすべてのページを解除しますか?
- 3. Magento階層化ナビ内のすべての属性を使用
- 4. 外部の依存関係を持つすべての内部アセンブリとアセンブリ
- 5. AMPページ。サイトの別のページにリンクするベストプラクティス
- 6. 上限を持つ内部クラス
- 7. サイト内のすべてのページのヘッダー内のデータセットの検索ボックス
- 8. Nginx - すべてのサイトのグローバル500ページ
- 9. のdocument.write()のsetTimeout()内のすべてのページを上書き
- 10. サイト内のサイトやページにアクセスしているすべてのユーザーのログを保存する方法
- 11. は、ページ上のディレクトリ内のすべてのファイルを表示
- 12. 外部ページが異なる2つの異なるWebサイトの構造、内部ページは同じです
- 13. 内部/匿名クラスのベストプラクティス
- 14. サイト内のすべてを隠す
- 15. クラス、サイト内のautoloadユーザーが、私はいくつかのページでサイトを持っている単純なケースで
- 16. クラス内に複数のロックオブジェクトを持つためのベストプラクティス
- 17. サイトのすべてのページを別のファイルにリダイレクトする
- 18. カスタムマスターページを持つページの内容をoffice365 Sharepointサイトで編集する
- 19. Laravel Page Error - すべてのページの上部に1を印刷します。
- 20. は、すべてのユーザーが、私はこのように見てSPでのサイト階層を持つトップレベルのサイト
- 21. オブジェクトはナビの上にありますが、オブジェクトの上にナビを置く必要があります
- 22. Wordpressは1つのリンクをクリックすると、ページ上のすべての外部リンクにアクセスします。
- 23. すべてのPHPページで内部サーバエラーが発生する
- 24. IoC/DI - 内部メソッドのみを持つ内部クラスの実装
- 25. は、ページの上部に
- 26. ClipBoardJSページの最上部に
- 27. iOSのiframe内のページの上部にスクロールできません
- 28. フィルタは、()私はいくつかの内部テキストに一致するページ上のすべての要素を見つける必要があり、空の親ノード
- 29. ページ上に同時に2つのjPlayersを持つ。問題
- 30. 期限切れの証明書を持つページ内に内部ページを埋め込むASP.NET C#
私は言いませんでしたが、私はすでにブートストラップを使っています。 – DNinja21