html 如何引入一個公共的頭部和底部 - 設計每日一貼---北京蘭亭妙微/UI設計公司

<address id="ttjl9"></address>

<noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>

<form id="ttjl9"></form>

<em id="ttjl9"><span id="ttjl9"></span></em>

<address id="ttjl9"></address>

<noframes id="ttjl9"><form id="ttjl9"></form>

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

2018-3-9 seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中，請點這里

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

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

asp語言和PHP語言

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

標記前面）增加如下代碼：

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

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

 使用框架來實現

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

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

 使用.js腳本來實現

建立一個head.js的文件，找一個html轉js的網站，然后把你頭部的html代碼轉化成js代碼，并放在head.js文件里面。然后在需要調用head文件代碼的地方添加

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

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

html轉換為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("");

以后無論在哪個頁面，想調用該頭部文件，直接插入head.js文件即可

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

 Behavior的download方式

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

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網站建設、平面設計服務

« 前端框架Bootstrap的使用 css 圖片有間隔多個Img標簽之間的間隙 »

分類

日歷

鏈接

個人資料

藍藍設計的小編 http://www.syprn.cn

存檔

亚洲va欧美va天堂v国产综合