靜態網站公用的部分模組的引用(設定)方法,靜態公用

來源:互聯網
上載者:User

靜態網站公用的部分模組的引用(設定)方法,靜態公用

關於靜態網站使用一個共同的頭部和尾部,方便網站的維護和管理,如果你修改頁面的頭部內容和廣告的時候,可以只修改一個頁面整個網站的頭部和尾部都改變了。

1:使用ssi技術頁面產生shtml檔案,只用在頭部檔案位置加入<!--#include file="header.html" -->;,然後修改的時候只要修改header.html檔案就可以了。使用shtml的好處是對搜尋引擎比較友好,需要處理的檔案在伺服器端完成的,不會加重訪問者的瀏覽器負擔。

2:使用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檔案的路徑。
這個樣子就可以了~
這種方式的優點是方便,便於修改。缺點是由於搜尋引擎讀不懂javascript檔案,頭部檔案和尾部檔案搜尋引擎無法收錄,而且js檔案過大會加重訪問者的瀏覽器負擔,影響訪問速度。

3:使用iframe
以前人們常常使用靜態frame架構來做首尾(一般不是iframe)。現在越來越少見了。主要因為設計網頁相對比較困難,而且還增加了串連數,而且也不利於搜尋引擎的對頭尾的收錄。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.