HTML - 減少html代碼冗餘

-3

我想知道是否有辦法縮短我的HTML代碼。我目前使用bootstrap來佈置此網頁。HTML - 減少html代碼冗餘

我的頁面上的菜單會在整個頁面中重複出現，如果它更新，則會逐頁更新。

是否有任何可能的方式來縮短整個HTML代碼...使用JavaScript或任何以任何一種方式

<div class="navbar navbar-fixed-top" role="navigation" 
    <div class="container"> 
     ... 
    </div> 
<div>

...。

來源

2015-02-10 Rin Minase

lol wth？爲什麼你會這樣做，不會減少功能 – 2015-02-10 18:04:50

我會誠實地對待你，這是你問的一個毫無價值的問題，因爲你沒有提供任何代碼。這不是一個假設的討論網站。這是一個提出合法問題的地方。但爲了指導您，您希望通過PHP或類似方式來實現包含共享元素。 – Slime 2015-02-10 18:04:56

請具體說明您的問題。 – 2015-02-10 18:06:56

是的 - 你可以通過javascript來完成。讓我們假設你創建1個js文件，你在所有的網頁包括：

<script language="javascript" src="/js/mymenu.js"></script>

如果使用其他的JavaScript，或者您的菜單其他css文件，確保包括mymenu.js文件中的其他人在你之前頭標籤。

在mymenu.js

然後文件只是有一些像這樣的代碼：

var outerDiv = document.createElement("div"); 
outerDiv.setAttribute("class","navbar navbar-fixed-top"); 
outerDiv.setAttribute("role","navigation"); 
var innerDiv = document.createElement("div"); 
innerDiv.setAttribute("class","container"); 
outerDiv.appendChild(innerDiv); 
document.body.appendChild(outerDiv); 
...

確保你的主菜單CSS使用的位置是：絕對的;或者不是做body.appendChild，而是將它追加到包含元素。

來源

2015-02-10 18:18:53

這是一個很長的過程，但它的工作！謝謝！ – 2015-02-10 18:38:39

HTML - 減少html代碼冗餘

回答

相關問題