思路一1 利用如 這樣的工具生成html格式的模板，在需要添加格式的地方加入特殊標(biāo)記如$htmlformat$，動(dòng)態(tài)生成文件時(shí)利用代碼讀取此模板，然后獲得前臺(tái)輸入的內(nèi)容，添加到此模板的標(biāo)記位置中，生成新文件名后寫(xiě)入磁盤(pán)，寫(xiě)入。

Weebly和Wix也是一款HTML5拖放式智能創(chuàng)建器，支持中文，擁有多種優(yōu)秀網(wǎng)頁(yè)模板和交互效果，并且有IOS和Android客戶端可以管理自己的網(wǎng)頁(yè)隨時(shí)隨地跟蹤 Wix Wix基于H5技術(shù)，向用戶提供多種網(wǎng)頁(yè)模板，操作簡(jiǎn)單無(wú)需代碼，智能拖拽即可實(shí)現(xiàn)網(wǎng)頁(yè)建設(shè)。

HTML網(wǎng)頁(yè)模板其實(shí)就是把網(wǎng)站頁(yè)面制作模板，而網(wǎng)站頁(yè)面開(kāi)發(fā)所使用的技術(shù)是“HTML5”，這就是一個(gè)HTML網(wǎng)頁(yè)模板，網(wǎng)頁(yè)模板建站有一個(gè)好處，就是不需要我們自己去一步一步去設(shè)計(jì)網(wǎng)頁(yè)然后再到開(kāi)發(fā)網(wǎng)頁(yè)，再到去測(cè)試網(wǎng)頁(yè)等如果我們。

如果你是純html那么直接把預(yù)定義好的html模板和數(shù)據(jù)內(nèi)容拼接后動(dòng)態(tài)添加到頁(yè)面既可哪里需要就在哪里加載然后拼接成一個(gè)新的dom結(jié)構(gòu)直接加載到頁(yè)面上就行了如果你用了母版頁(yè)技術(shù)那就相對(duì)簡(jiǎn)單一點(diǎn)比如ejs，jade，net上的ma。

我們有一些CSS代碼已經(jīng)延伸到我們的head部分這是一個(gè)嚴(yán)重的犯規(guī)，因?yàn)樗荒苓m用于單一的HTML網(wǎng)頁(yè)保持獨(dú)立的CSS文件意味著未來(lái)的網(wǎng)頁(yè)可以鏈接到它們，并使用相同的代碼Javascript也是同樣的道理注 當(dāng)然，這個(gè)問(wèn)題。

可以 加入動(dòng)態(tài)腳本 存為ASP后綴，在找個(gè)支持ASP的空間就可以了。

1每個(gè)頁(yè)面該標(biāo)簽位置一樣，看的效果就是標(biāo)簽沒(méi)動(dòng)，下面內(nèi)容變了2下面通過(guò)ifram展示，點(diǎn)擊標(biāo)簽改變iframe地址3下面東西在點(diǎn)擊后去動(dòng)態(tài)請(qǐng)求請(qǐng)求數(shù)據(jù)，然后通過(guò)模板渲染或者直接請(qǐng)求里面的html，css，js然后再往頁(yè)面。