HTML靜態(tài)頁(yè)面引入公共html文件(ssi服務(wù)器端指令詳解)

你是否曾經(jīng)或正在為如何能夠在最短的時(shí)間內(nèi)完成對(duì)一個(gè)包含上千個(gè)頁(yè)面的網(wǎng)站的修改而苦惱？

那么可以看一下本文的介紹，或許能夠?qū)δ阌兴鶐椭?nbsp;

什么是SSI？ 

SSI是英文Server Side Includes的縮寫(xiě)，翻譯成中文就是服務(wù)器端包含的意思。從技術(shù)角度上說(shuō)，SSI就是HTML文件中，可以通過(guò)注釋行調(diào)用的命令或指針。

SSI 具有強(qiáng)大的功能，只要使用一條簡(jiǎn)單的SSI 命令就可以實(shí)現(xiàn)整個(gè)網(wǎng)站的內(nèi)容更新，動(dòng)態(tài)顯示時(shí)間和日期，以及執(zhí)行shell和CGI腳本程序等復(fù)雜的功能。SSI 可以稱(chēng)得上是那些資金短缺、時(shí)間緊張、工作量大的網(wǎng)站開(kāi)發(fā)人員的最佳幫手。

SSI最初在NCSA服務(wù)器平臺(tái)上推出，在Apache服務(wù)器中得到擴(kuò)展和加強(qiáng)，目前已經(jīng)可以在幾乎所有的服務(wù)器上運(yùn)行。本文將主要結(jié)合Apache服務(wù)器介紹SSI的使用方法。 

如何啟動(dòng)SSI？ 

在Apache服務(wù)器下，可以通過(guò)直接編輯服務(wù)器配置文件或者在需要使用SSI的目錄中創(chuàng)建.htaccess文件啟動(dòng)SSI。具體來(lái)說(shuō)，過(guò)程如下： 

1.服務(wù)器配置文件 

如果用戶(hù)具有對(duì)服務(wù)器配置文件的訪問(wèn)權(quán)限，可以通過(guò)編輯文件access.conf和srm.conf啟動(dòng)SSI。 
首先使用Telnet遠(yuǎn)程登錄服務(wù)器，找到配置文件的存放目錄。

一般來(lái)說(shuō)，Apache服務(wù)器的配置文件都被保存在“/usr/local/etc/httpd/conf”目錄下。

使用任何一種文字編輯器打開(kāi)文件srm.conf，找到以下幾行： 

# If you want to use server side includes, or CGI outside 
# ScriptAliased directories, uncomment the following lines. 
#AddType text/x-server-parsed-html .shtml 
#AddType application/x-httpd-CGI .CGI 

用戶(hù)的配置文件中可能沒(méi)有上述的注釋指令行，但是只要找到以AddType開(kāi)頭的兩行并且去掉每一行最前面的“#”符號(hào)即可。 
保存所做的修改，然后再打開(kāi)文件access.conf。用戶(hù)需要在文件中找到設(shè)置DocumentRoot（根文件）的部分。一般來(lái)說(shuō)該段文本如下，但是不排除<Directory>和</Directory>標(biāo)簽之間還包含其它設(shè)置內(nèi)容。 

# This should be changed to whatever you set DocumentRoot to. 
<Directory /usr/local/etc/httpd/htdocs> 
# This may also be "None", "All", or any combination of "Indexes", 
# "Includes", or "FollowSymLinks" 
Options Indexes FollowSymLinks Includes 
</Directory> 

如果用戶(hù)不希望執(zhí)行腳本或shell命令，可以在options選項(xiàng)行中加入關(guān)鍵字IncludesNOEXEC，這樣可以允許SSI，但是不能執(zhí)行CGI或腳本命令。

（注：最新版本的Apache服務(wù)器只有一個(gè)配置文件httpd.conf，以上所提到的內(nèi)容都已經(jīng)被包含在該文件中） 

2.創(chuàng)建文件.htaccess 

如果用戶(hù)不能直接訪問(wèn)服務(wù)器配置文件，可以使用文件編輯器創(chuàng)建一個(gè)名為.htaccess的文件。注意，文件名前一定要有符號(hào)“.”，這樣服務(wù)器才能知道該文件是隱藏文件，從而提高文件的安全性，避免錯(cuò)誤操作。在.htaccess文件中需要加入以下三行文字： 

Options Indexes FollowSymLinks Includes 
AddType application/x-httpd-CGI .CGI 
AddType text/x-server-parsed-html .shtml 

完成之后可以把.htaccess文件上傳到服務(wù)端的相應(yīng)目錄，該文件對(duì)所有子目錄有效。如果用戶(hù)希望在目錄級(jí)上禁止CGI或shell命令，可以在.htaccess文件中的Options選項(xiàng)行加入關(guān)鍵字IncludesNOEXEC。 

3.使用.shtml還是.html？ 

任何包含SSI的文件在下傳到客戶(hù)端之前，都必須經(jīng)過(guò)服務(wù)器的解析過(guò)程。

雖然從某種程度上這樣會(huì)增加服務(wù)器的負(fù)載，但是除非用戶(hù)的網(wǎng)站每天有幾百萬(wàn)的訪問(wèn)用戶(hù)，某則服務(wù)器的性能不會(huì)有明顯的下降。

不過(guò)，如果不是需要在每個(gè)頁(yè)面都使用SSI的話(huà)，確實(shí)沒(méi)有必要讓服務(wù)器解析每一個(gè)頁(yè)面。如果用戶(hù)只希望在幾個(gè)特殊頁(yè)面中使用SSI，可以將文件的后綴名改為.shtml，這樣服務(wù)器就可以只解析包含SSI的.shtml文件。

另一方面，如果有多個(gè)頁(yè)面使用了SSI，但是用戶(hù)不希望使用.shtml的后綴名時(shí)，可以在.htaccess文件中使用以下命令行： 
AddType text/x-server-parsed-html .html 

SSI語(yǔ)法 

SSI在使用時(shí)遵循以下格式： 

<!--#directive parameter="value"--> 


其中，directive是向服務(wù)器發(fā)送的指令名稱(chēng)，parameter是指令的操作對(duì)象，而value則是用戶(hù)希望得到的指令處理結(jié)果。  
所有的SSI命令都是以“<!--#”開(kāi)始，其中“<!—”和“#”之間不能有任何空格，否則服務(wù)器會(huì)把SSI命令當(dāng)稱(chēng)普通的文件注釋處理，不會(huì)顯示出任何結(jié)果，也不會(huì)產(chǎn)生錯(cuò)誤提示。

此外，SSI命令中的“=”兩邊不能有空格，右邊的值必須包含在雙引號(hào)內(nèi)，后面可以跟空格，最后是結(jié)束標(biāo)簽“-->”。 

SSI命令包含六大類(lèi)指令以及各自的參數(shù)，具體如下: 

directives parameters 
Config errmsg, timefmt, sizefmt 
include virtual, file 
echo var 
fsize file 
flastmod file 
exec cmd, cgi 

下面我們將逐一進(jìn)行介紹。 

1.Config命令 

Config命令主要用于修改SSI的默認(rèn)設(shè)置。其中： 

Errmsg：設(shè)置默認(rèn)錯(cuò)誤信息。為了能夠正常的返回用戶(hù)設(shè)定的錯(cuò)誤信息，在HTML文件中Errmsg參數(shù)必須被放置在其它SSI命令的前面，否則客戶(hù)端只能顯示默認(rèn)的錯(cuò)誤信息，而不是由用戶(hù)設(shè)定的自定義信息. 

<!--#config errmsg="Error! Please email webmaster@mydomain.com --> 

Timefmt：定義日期和時(shí)間的使用格式。Timefmt參數(shù)必須在echo命令之前使用。 

<!--#config timefmt="%A, %B %d, %Y"--> 

<!--#echo var="LAST_MODIFIED" --> 

顯示結(jié)果為： 

Wednesday, April 12, 2000 

也許用戶(hù)對(duì)上例中所使用的%A %B %d感到很陌生，下面我們就以表格的形式總結(jié)一下SSI中較為常用的一些日期和時(shí)間格式。 
格式 說(shuō)明 實(shí)例 

%% %  
%a 一周七天的縮寫(xiě)形式 Thu  
%A 一周七天 Thursday  
%b 月的縮寫(xiě)形式 Apr  
%B 月 April  
%d 一個(gè)月內(nèi)的第幾天 13  
%D mm/dd/yy日期格式 04/13/00  
%H 小時(shí)（24小時(shí)制，從00到23） 01  
%I 小時(shí)（12小時(shí)制，從00到11） 01  
%j 一年內(nèi)的第幾天，從01到365 104  
%m 一年內(nèi)的第幾個(gè)月，從01到12 04  
%M 一小時(shí)內(nèi)的第幾分鐘，從00到59 10  
%p AM或PM AM  
%r 12小時(shí)制的當(dāng)?shù)貢r(shí)間，格式為 01:10:18 AM  
%I:%M:%S AM | PM  
%S 一分鐘內(nèi)的第幾秒，從00到59 18  
%T 24小時(shí)制的%H:%M:%S時(shí)間格式 01:10:18  
%U 一年內(nèi)的第幾個(gè)星期，從00到 15   52，以星期天作為每個(gè)星期的第一天 
%w 一星期內(nèi)的第一天，從0到6 4  
%W 一年內(nèi)的第幾個(gè)星期，從00 15   到53，以星期一作為每個(gè)星期的第一天  
%y 年的縮寫(xiě)形式，從00到99 00  
%Y 用四位數(shù)字表示一年 2000  
%Z 時(shí)區(qū)名稱(chēng) MDT 

Sizefmt：決定文件大小是以字節(jié)、千字節(jié)還是兆字節(jié)為單位表示。如果以字節(jié)為單位，參數(shù)值為“bytes”；對(duì)于千字節(jié)和兆字節(jié)可以使用縮寫(xiě)形式。同樣，sizefmt參數(shù)必須放在fsize命令的前面才能使用. 

<!--#config sizefmt="bytes" --> 
<!--#fsize file="index.html" -->  

2.Include命令 

Include命令可以把其它文檔中的文字或圖片插入到當(dāng)前被解析的文檔中，是整個(gè)SSI的關(guān)鍵所在。通過(guò)Include命令只需要改動(dòng)一個(gè)文件就可以瞬間更新整個(gè)站點(diǎn)！ 

Include命令具有兩個(gè)不同的參數(shù)，如果使用錯(cuò)誤的參數(shù)更新站點(diǎn)的話(huà)，不僅達(dá)不到初衷，反而會(huì)得到一大堆的錯(cuò)誤信息。 

Virtual：給出到服務(wù)器端某個(gè)文檔的虛擬路徑。例如： 

<!--#include virtual="/includes/header.html" --> 

File：給出到當(dāng)前目錄的相對(duì)路徑，其中不能使用"../"，也不能使用絕對(duì)路徑。例如：

<!--#include file="header.html" -->

這就要求每一個(gè)目錄中都包含一個(gè)header.html文件。

為了更加合理的組織站點(diǎn)的內(nèi)容，用戶(hù)可以在根目錄下創(chuàng)建includes子目錄來(lái)存放所有的包含文件。Virtual參數(shù)可以通知服務(wù)器所要包含的是一個(gè)虛擬文件，即文件和當(dāng)前被解析的文檔不是位于同一個(gè)目錄，而是存放在其它目錄中。

服務(wù)器會(huì)根據(jù)該參數(shù)的值找到根目錄下的includes子目錄。使用這種方法，用戶(hù)可以把所有HTML文檔包含的文件放在一個(gè)目錄中，而根據(jù)相互之間的關(guān)系把不同的頁(yè)面保存在不同的目錄或子目錄中。

無(wú)論服務(wù)器解析哪一個(gè)文檔都可以找到所包含的文件，不會(huì)產(chǎn)生任何錯(cuò)誤。 
不過(guò)這里有一個(gè)小問(wèn)題需要解決。一般我們都會(huì)在頁(yè)面中加入一些TITLE和META標(biāo)簽，如果我們規(guī)定所有的頁(yè)面都調(diào)用相同的頁(yè)眉文件的話(huà)，就顯得很不靈活。

用戶(hù)碰到這樣的問(wèn)題時(shí)，可以使用兩個(gè)包含文件，一個(gè)設(shè)置TITLE標(biāo)簽前的內(nèi)容，另一個(gè)設(shè)置META標(biāo)簽后的部分，而在兩個(gè)包含文件之間則可以添加任何定制內(nèi)容。例如： 

<!--#include virtual="/includes/header1.html" --> 
<TITLE>Your Page Title</TITLE> 
<LINK rel = STYLESHEET  Type = "text/css" > 
<META NAME = "Description" CONTENT = " Description of page"> 
<META NAME = "Keywords" CONTENT = "keywords for page" > 
<!--#include virtual="/includes/header2.html" --> 

這里放置頁(yè)面內(nèi)容 

<!--#include virtual="/includes/footer.html" --> 

從上我們可以看出通過(guò)在頁(yè)面中包含頁(yè)眉和頁(yè)腳可以大大減少站點(diǎn)更新的工作量。但是如果我們希望動(dòng)態(tài)顯示一些內(nèi)容，例如頁(yè)面的最后更新時(shí)間等該怎么辦呢？沒(méi)問(wèn)題，我們可以把包含文件使用.html后綴保存，這樣就可以在包含文件中調(diào)用其它的包含文件。

File：給出到當(dāng)前目錄的相對(duì)路徑，其中不能使用“../”，也不能使用絕對(duì)路徑。例如： 

<!--#include file="header.html" --> 

這就要求每一個(gè)目錄中都包含一個(gè)header.html文件。當(dāng)然，采用這樣的方法并不比更新每一個(gè)頁(yè)面簡(jiǎn)單多少，但是如果用戶(hù)只更新一、兩個(gè)文件的話(huà)還是很方便的。例如，如果我們不希望讓一個(gè)對(duì)HTML不熟悉的人直接改動(dòng)網(wǎng)站中的新聞頁(yè)面的話(huà)，可以只讓他更新一個(gè)單獨(dú)的文本文件，然后再把該文件包含到HMTL文檔中，這樣即不會(huì)破壞原頁(yè)面，同時(shí)又更新了內(nèi)容，兩全其美 

3.Echo: 

Echo命令可以顯示以下各環(huán)境變量： 

DOCUMENT_NAME：顯示當(dāng)前文檔的名稱(chēng)。 

<!--#echo var="DOCUMENT_NAME" --> 

顯示結(jié)果為： 

index.html 

DOCUMENT_URI：顯示當(dāng)前文檔的虛擬路徑。例如： 

<!--#echo var="DOCUMENT_URI" --> 


顯示結(jié)果為： 
/YourDirectory/YourFilename.html 


隨著網(wǎng)站的不斷發(fā)展，那些越來(lái)越長(zhǎng)的URL地址肯定會(huì)讓人頭疼。如果使用SSI，一切就會(huì)迎刃而解。因?yàn)槲覀兛梢园丫W(wǎng)站的域名和SSI命令結(jié)合在一起顯示完整的URL，即：

http://YourDomain<!--#echo var="DOCUMENT_URI" --> 

QUERY_STRING_UNESCAPED：顯示未經(jīng)轉(zhuǎn)義處理的由客戶(hù)端發(fā)送的查詢(xún)字串，其中所有的特殊字符前面都有轉(zhuǎn)義符“\”。例如： 

<!--#echo var="QUERY_STRING_UNESCAPED" --> 

DATE_LOCAL：顯示服務(wù)器設(shè)定時(shí)區(qū)的日期和時(shí)間。用戶(hù)可以結(jié)合config命令的timefmt參數(shù)，定制輸出信息。例如： 

<!--#config timefmt="%A, the %d of %B, in the year %Y" -->  
<!--#echo var="DATE_LOCAL" --> 

顯示結(jié)果為： 

Saturday, the 15 of April, in the year 2000 

DATE_GMT：功能與DATE_LOCAL一樣，只不過(guò)返回的是以格林尼治標(biāo)準(zhǔn)時(shí)間為基準(zhǔn)的日期。例如： 

<!--#echo var="DATE_GMT" --> 

LAST_MODIFIED：顯示當(dāng)前文檔的最后更新時(shí)間。同樣，這是SSI中非常實(shí)用的一個(gè)功能，只要在HTML文檔中加入以下這行簡(jiǎn)單的文字，就可以在頁(yè)面上動(dòng)態(tài)的顯示更新時(shí)間。 

<!--#echo var="LAST_MODIFIED" --> 

CGI環(huán)境變量 

除了SSI環(huán)境變量之外，echo命令還可以顯示以下CGI環(huán)境變量： 
SERVER_SOFTWARE：顯示服務(wù)器軟件的名稱(chēng)和版本。例如： 
<!--#echo var="SERVER_SOFTWARE" --> 
SERVER_NAME： 顯示服務(wù)器的主機(jī)名稱(chēng)，DNS別名或IP地址。例如： 
<!--#echo var="SERVER_NAME" --> 
SERVER_PROTOCOL：顯示客戶(hù)端請(qǐng)求所使用的協(xié)議名稱(chēng)和版本，如HTTP/1.0。例如： 
<!--#echo var="SERVER_PROTOCOL" --> 
SERVER_PORT：顯示服務(wù)器的響應(yīng)端口。例如： 
<!--#echo var="SERVER_PORT" --> 
REQUEST_METHOD：顯示客戶(hù)端的文檔請(qǐng)求方法，包括GET, HEAD, 和POST。例如： 
<!--#echo var="REQUEST_METHOD" --> 
REMOTE_HOST：顯示發(fā)出請(qǐng)求信息的客戶(hù)端主機(jī)名稱(chēng)。 
<!--#echo var="REMOTE_HOST" --> 
REMOTE_ADDR：顯示發(fā)出請(qǐng)求信息的客戶(hù)端IP地址。 
<!--#echo var="REMOTE_ADDR" --> 
AUTH_TYPE：顯示用戶(hù)身份的驗(yàn)證方法。 
<!--#echo var="AUTH_TYPE" --> 
REMOTE_USER：顯示訪問(wèn)受保護(hù)頁(yè)面的用戶(hù)所使用的帳號(hào)名稱(chēng)。 
<!--#echo var="REMOTE_USER" --> 

4.Fsize：

顯示指定文件的大小，可以結(jié)合config命令的sizefmt參數(shù)定制輸出格式。

<!--#fsize file="index_working.html" --> 

5.Flastmod：

顯示指定文件的最后修改日期，可以結(jié)合config 命令的timefmt參數(shù)控制輸出格式。 

<!--#config timefmt="%A, the %d of %B, in the year %Y" -->  
<!--#flastmod file="file.html" --> 


這里，我們可以利用flastmod參數(shù)顯示出一個(gè)頁(yè)面上所有鏈接頁(yè)面的更新日期。方法如下： 

<!--#config timefmt=" %B %d, %Y" --> 
<A href="/directory/file.html" rel="external nofollow" >File</A> 
<!--#flastmod virtual="/directory/file.html" --> 
<A href="/another_directory/another_file.html" rel="external nofollow" >Another File</A> 
<!--#flastmod virtual="/another_directory/another_file.html" --> 

顯示結(jié)果為： 

File April 19, 2000  
Another File January 08, 2000 

也許有的讀者會(huì)認(rèn)為兩個(gè)鏈接就這么復(fù)雜，一點(diǎn)也不方便。其實(shí)，如果頁(yè)面上有20個(gè)或者更多的鏈接，而且每個(gè)鏈接都定期更新的話(huà)，就可以看出使用flastmod顯示修改日期的作用。 

6.Exec 

Exec命令可以執(zhí)行CGI腳本或者shell命令。使用方法如下： 

Cmd：使用/bin/sh執(zhí)行指定的字串。如果SSI使用了IncludesNOEXEC選項(xiàng)，則該命令將被屏蔽。 

Cgi：可以用來(lái)執(zhí)行CGI腳本。例如，下面這個(gè)例子中使用服務(wù)端cgi-bin目錄下的counter.pl腳本程序在每個(gè)頁(yè)面放置一個(gè)計(jì)數(shù)器： 
<!--#exec cgi="/cgi-bin/counter.pl"-->