TLDR：使用導航欄時組織不同 HTML 站點/文件的標準/最佳實踐是什么，導航欄應該在每個站點上可見？背景：我第一次開始創建網站。它應該在 ESP 上運行，并且我使用 Bootstrap 4 得到了一些不錯的結果。我定義了一個 Bootstrap 導航欄，就像在所有示例中一樣（例如在 w3schools 上）。盡管這些示例僅使用無操作鏈接；它們沒有顯示這些鏈接如何通常與導航欄和不同的文件一起使用（這必須是一個一般原則，我不知道）。導航欄當然應該在每個網站上可見，而其下方的內容應根據單擊的鏈接而變化。當我只是在導航欄中使用指向不同 html 文件的鏈接而不包含導航欄時，它當然是不可見的。不同的網站通常是如何與導航欄相關的？我想過不同的可能性：每個文件中都有一個導航欄（顯然維護起來是一場噩夢）將導航欄放在額外的文件中，并以某種方式將其包含在每個其他文件中與導航欄一起管理主文件中的所有內容，包括其他內容文件以我目前的知識，我還不夠了解，所以我也不知道要搜索什么。如果網絡上已經有關于此的良好信息，您能給我提供搜索詞或鏈接嗎？
2 回答
莫回無
TA貢獻1865條經驗 獲得超7個贊
如果您打算使用，HTML那么別無選擇。您需要navigation bar向每個頁面添加一個，正如您所提到的，這是一場噩夢。但是，如果您打算使用server-side programming類似的語言PHP，那么它們會提供一個名為 的關鍵字include。它的語法現在是 您可以在文件夾內include 'filename'添加file類似的內容，并且可以跨多個頁面使用。但是如果你正在使用，那么他們有自己的，比如，，。它們由以下部分組成，因此，部分內容可以跨多個頁面使用。header.phpincludeNodeJSExpressJStemplating-enginesejshandlebarspugpartials
拉莫斯之舞
TA貢獻1820條經驗 獲得超10個贊
我需要使用一些編程語言。一個問題是，我無法使用服務器端編程語言，因為 ESP 不支持它們。所以我需要轉向客戶端編程，即 JavaScript。
我現在只提供主 HTML 文件，其中包含導航欄和以下部分，用于根據pageURL 中的參數加載正確的 HTML 文件：
<div class="container-fluid" id="content" style="display:block;overflow:visible"><br>
? <script>
? ? $(function(){
? ? ? var url = new URL(window.location.href);
? ? ? var c = url.searchParams.get("page");
? ? ? if(c != null){
? ? ? ? $("#content").load(c+".html");
? ? ? }
? ? });
? </script>
</div>
這就像一個魅力，我現在知道如何組織我的 html 文件以通過導航欄顯示。
- 2 回答
- 0 關注
- 132 瀏覽
添加回答
舉報
0/150
提交
取消