免费人成网站福利在线,2021不卡日本二区高清视频,夜鲁鲁鲁夜夜综合视频

html 如何引入一個(gè)公共的頭部和底部

2018-3-9 seo達(dá)人

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

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

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

asp語言和PHP語言

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

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

<!– #include file=”head.asp” –>

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

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

<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src=”head.htm” height=“auto” width="100%"></iframe>

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

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

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

<script language="javascript" type="text/javascript" src="js/head.js"></script>

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

html轉(zhuǎn)換為JS:

document.writeln("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">"); document.writeln("<html xmlns=\"http://www.w3.org/1999/xhtml\">"); document.writeln("<head>"); document.writeln("<style>"); document.writeln("</style>"); document.writeln("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />"); document.writeln("<title></title>"); document.writeln(" <link href=\'head.css\' rel=\"stylesheet\" type=\"text/css\" />"); document.writeln("</head>"); document.writeln("<body >"); document.writeln(" <div class=\'miaov_head\'>"); document.writeln(" <ul>"); document.writeln(" <li><a href=\"http://www.cnblogs.com/jtjds/\">Mac</a></li>"); document.writeln(" <li><a href=\"http://www.cnblogs.com/jtjds/\">iPhone</a></li>"); document.writeln(" </ul>"); document.writeln("</div>"); document.writeln(" "); document.writeln("</body>"); document.writeln("</html>"); document.writeln("");

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

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

 Behavior的download方式

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

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

分享本文至：

« 前端框架Bootstrap的使用 css 圖片有間隔多個(gè)Img標(biāo)簽之間的間隙 »

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com

存檔

html 如何引入一個(gè)公共的頭部和底部

asp語言和PHP語言

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

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

Behavior的download方式

分類

日歷

鏈接

個(gè)人資料

存檔