亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

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

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

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

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

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

asp語(yǔ)言和PHP語(yǔ)言

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

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

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

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

 使用框架來(lái)實(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框架來(lái)做首尾(一般不是iframe)?，F(xiàn)在越來(lái)越少見(jiàn)了。主要因?yàn)樵O(shè)計(jì)網(wǎng)頁(yè)相對(duì)比較困難，而且還增加了連接數(shù),占用線(xiàn)程較多，速度慢，而且也不利于搜索引擎的對(duì)頭尾的收錄

 使用.js腳本來(lái)實(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("");

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

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

 Behavior的download方式

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

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

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

分類(lèi)

日歷

鏈接

個(gè)人資料

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

存檔

<abbr id="ac4cq"></abbr>

<fieldset id="ac4cq"></fieldset>