用shtml來include網頁文件(開啟SSI)
在網站構建過中。當我們遇到很多的內容為靜態頁面,而頁首與頁腳又經常要更換時,如果一直使用html文件總會有很多的麻煩。因為批量修改起來很不方面,所以我們總希望能將頁腳與頁尾include到html文件中來。html屬於客戶端解析形的格式化語言,自4.0後幾乎很難再有大的變動(畢竟很多瀏覽器只按4.0標準來解析),所以至今也沒include這樣的概念。而html的框架(frame與iframe)雖然可以用來包含首頁與頁腳文件,但使用frame與iframe的概念與動態頁面(asp,jsp,php等)的include那樣不同,frame與iframe的主體頁面與被包括的頁的不是一個頁面,而通過include的方式調用的頁面主體頁面與被包括的頁面仍然是一個頁面,這樣頁面再載入的時就沒速度的影響,更不會有多個窗口這樣的問題。當然frame與iframe的作用還是挺大的,只是這與include這樣包括頁面進來的概念不同。
除frame與iframe之外,常用的調用文件的方法還有採用js。這與include概念倒是很接近,但可以需要客戶端js的支持,而且修改也不很方面,因為被包括的js是通過document.write來輸出html代碼,這樣雖然能達到效果,可js畢竟執行客戶端動態效果更好,比如現在較流行的AJAX。所以無論是frame/iframe還是js都與include不太一樣(倒是Dreamweaver中的library與include很像,可惜只能用在Dreamweaver中),而我們有時頁面有很多靜態頁面,內容不是動態的且沒有規律可循,更不好做到資料庫里去。如新浪的新聞之類的,這時我們可以採用shtml的方式來做這些頁面。–JarryLi in BeiJing
那什麼是shtml呢? 使用SSI(Server Side Include)的html文件擴展名,SSI(Server Side Include),通常稱為」伺服器端嵌入」或者叫」伺服器端包含」,是一種類似於ASP的基於伺服器的網頁製作技術。默認擴展名是 .stm、.shtm 和 .shtml。什麼是SSI?SSI是英文Server Side Includes的縮寫,翻譯成中文就是伺服器端包含的意思。從技術角度上說,SSI就是在HTML文件中,可以通過注釋行調用的命令或指針。SSI具有 強大的功能,只要使用一條簡單的SSI命令就可以實現整個網站的內容更新,時間和日期的動態顯示,以及執行shell和CGI腳本程序等複雜的功能。 網站維護常常碰到的一個問題是,網站的結構已經固定,卻為了更新一點內容而不得不重做一大批網頁。SSI提供了一種簡單、有效的方法來解決這一問題,它將 一個網站的基本結構放在幾個簡單的HTML文件中(模板),以後我們要做的只是將文本傳到伺服器,讓程序按照模板自動生成網頁,從而使管理大型網站變得容易。如何使你的Apache伺服器支持SSI?Apache(如何在windows以及linuc下安裝apache請參見另兩篇文章)默認是不支持SSI的,需要我們更改httpd.conf來進行配置。我這裡以windows平台的Apache 2.0.x為例(在linux平台下與之相同),打開conf目錄下的httpd.conf文件,搜索「AddType text/html .shtml」,找到:
# AddType text/html .shtml# AddOutputFilter INCLUDES .shtml
把這兩行前面的#去掉 。
然後搜索「Options Indexes FollowSymLinks」在搜索到的那一行後面添加「 Includes」即將該行改變為 Options Indexes FollowSymLinks Includes
熟悉apache manual的可能會覺得比較容易。保存httpd.conf,重起apache即可到此我們就完成了對Apache SSI的設置。如何讓你的IIS伺服器支持SSIwindows 2000:IIS里添加一個應用程序擴展名映射可執行文件:C:WINDOWSsystem32inetsrvssinc.dll擴展名:shtml/shtmwindows 2003 2003默認已經支持SSI(shtml文件),只需在IIS的」Web服務擴展」里設置」在伺服器端的包含文件」為」允許」 即可IIS6.0對於SSI進行了一些改進,以前IIS5.0的一些程序遷移過後可能無法運用。一個經常的出現問題是出現如下錯誤:「處理 SSI 文件時出錯 - Error processing SSI file」
經過測試,以下做法會導致這個錯誤:1、伺服器物理路徑使用中文名。2、包含文件中使用中文名。3、包含文件不存在。4、被包含的文件再次包含使用中文名的文件。
該錯誤在Unicode編碼時依舊,屬於IIS的問題。解決方法:對於使用SSI的站點物理和URL地址都全部使用英文。shtml文件測試?主體文件,比如命名為test.shtml,內容為(把head.html與foot.html文件包進來,與asp,jsp,php中的include相同)
你好,這是中間的內容
頁首文件,比如命名為head.html,內容為
我是頁首導航欄的公共信息
頁尾文件,比如命名為foot.html,內容為
我是頁尾版權信息
然後運行web server,在地址欄中打開test.shtml文件,就會得到一個完整的頁面,包括頭與尾文件。shtml中簡單的SSI命令SSI具有強大的功能,只要使用一條簡單的SSI命令就可以實現整個網站的內容更新,時間和日期的動態顯示,以及執行shell和CGI腳本程序等複雜的功能。比如我們修改上面提及的test.shtml文件,加入以下代碼,將會顯示伺服器日期以及客戶端IP等:
本文檔名稱: 時區:你的IP地址是: 今天是: SSI指令基本格式:程序代碼:說明:1.是HTML語法中表示注釋,當WEB伺服器不支持SSI時,會忽略這些信息。2.#i nclude 為SSI指令之一。3.file 為include的參數, info.htm為參數值,在本指令中指將要包含的文檔名。注意:1. 2.上面的標點=」",一個也不能少。3.SSI指令是大小寫敏感的,因此參數必須是小寫才會起作用。詳細可以查看SHTML詳細教程 ,通過SHTML可以減輕許多工作負擔哦。另外:shtml文件在網頁伺服器下運行才有效,直接用ie打開將被當作是文本文件。
推薦閱讀:
※為什麼虛擬現實網頁可能永不會實現
※楊藝教你交誼舞【共216個=34+95+87網頁】
※每日輕鬆一刻(3月24日晚間)20140324|網頁版
※對網頁設計的一點看法
※html語言教程/網頁編程基礎教程