html 如何引入一個公共的頭部和底部

2018-3-9    seo達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里 


摘要: LINK[rel=import]其實有點類似于IFRAME,它引用的對象也是一個完整的文檔,而不是文檔片段,而且里面的SCRIPT也會執(zhí)行,對跨域的資源訪問同樣有同源策略的限制

html 靜態(tài)頁面中引用外部頁面沒那么方便,主要方法有:

asp語言和PHP語言

首先制作一個頭部文件head.asp,或者一個底部文件foot.asp。如主頁是index.asp,調(diào)用頭部代碼是在index.asp文件代碼的開始位置(第一個標(biāo)記后面,

標(biāo)記前面)增加如下代碼:

如果是PHP文件,文件名改為 head.php即可

使用框架來實現(xiàn)

以前人們常常使用靜態(tài)frame框架來做首尾(一般不是iframe)。現(xiàn)在越來越少見了。主要因為設(shè)計網(wǎng)頁相對比較困難,而且還增加了連接數(shù),占用線程較多,速度慢,而且也不利于搜索引擎的對頭尾的收錄

使用.js腳本來實現(xiàn)

建立一個head.js的文件,找一個html轉(zhuǎn)js的網(wǎng)站,然后把你頭部的html代碼轉(zhuǎn)化成js代碼,并放在head.js文件里面。然后在需要調(diào)用head文件代碼的地方添加

這個地方src="js/head.js"的路徑是你head.js文件的路徑

html轉(zhuǎn)換為JS:

以后無論在哪個頁面,想調(diào)用該頭部文件,直接插入head.js文件即可

這種方式的優(yōu)點是方便,便于修改。缺點是由于搜索引擎讀不懂javascript文件,頭部文件和尾部文件搜索引擎無法收錄,而且js文件過大會加重訪問者的瀏覽器負(fù)擔(dān),影響訪問速度

Behavior的download方式

最好能有一種方法,就像asp頁面包含其他頁面時那樣,用一小段包含語句就可以實現(xiàn),不要將需要包含的內(nèi)容出現(xiàn)在本頁面內(nèi),而是分割出去到另外一個自己的頁面

藍藍設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔