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