一 在原頁面嵌入其他頁面
1、使用iframe框架
客戶端頁面嵌套可以使用iframe的方法,弊端是必須事先想好被嵌套的頁面在首頁中要占多大的位置。
如果被嵌套頁面太大,超過事先定義的寬度或高度,則首頁會出現滾動條。這也許正是你所需要的,
但也許會完全破壞主頁的設計。
< iframe >------ < / iframe >
<iframe src="要放在框架里面的網址或文件" height="" width=""> </ifrmae>
例: <iframe src="text.asp" height="200" width="600">
<a href="text.asp">
你的瀏覽器不支持iframe頁面嵌套,請點擊這里訪問頁面內容。
</a>
</ifrmae >
可加屬性 scrolling="No" 意為滾動條不隨內容改變而出現 -- 多余的內容會被自動隱藏!
frameborder="0" 嵌套頁面邊框
leftmargin="0" 左邊距
topmargin="0" 上邊距
onscroll="true" 當元素滾動條被滾動時執行腳本 ,在HTML 5 中定義了該元素
插入<a>,是因為老版本的瀏覽器和搜索引擎不支持iframe,雖然現在已經
很少有人還會使用Netscape 4這樣老的瀏覽器了,但是幾乎所有人都會使用象Google這樣的搜索引擎。
在iframe里面加上超級鏈接可以幫助搜索引擎找到網頁的內容。
2、SSI (Server Side Include)
SSI是一種簡單的動態網頁制作技術,但是有些服務器要求網頁文件擴展名為.shtml才能識別文件中SSI命令。所以如果你的SSI命令看起來不工作,先別放棄,試着把文件擴展名改為.shtml,也許會成功。如果知道自己的服務器是否支持SSI,請看另一篇文章。
使用SSI一個局限性是頁面一定要放在網頁服務器上才能看到效果,在本地是不好調試的。當然,如果非要在本地調試,就本地裝一個Apache服務器好了。
比如你想在每個網頁的底部加上同樣的版權信息,像
© 2009 程序員實驗室 版權所有
可以把這行信息放到一個叫做footer.html的文件里,footer.html的內容為:
<center> © 程序員實驗室 版權所有</center>;
這樣同一路徑下的其他頁面文件要包含footer.html的SSI命令是:
<!- #include virtual="footer.html" ->(常用)
或者
<!- #include file="footer.html" ->
這兩者的幾乎是一樣的,不同之處在於include virtual后面取的是一個URL形式的路徑,甚至還可以執行一個CGI程序並包含其輸出結果,如果你的服務器支持CGI的話。而include file后面取的是一個文件系統路徑,並且不能執行CGI程序。兩者都可以接受相對路徑,所以對上面這個簡單例子,兩者的效果是一樣的。如果你不知道URL路徑與文件系統路徑兩者的區別的話,就用include virtual
3、ASP和ASP.Net
如果你使用的是老式的ASP,則語法是與上面SSI一樣的,不需要任何修改,只要把命令所在文件的擴展名改為.asp即可。
對於ASP.NET,也是類似,不同之處在於,因為SSI命令是在ASP命令運行之前被首先編譯,所以文件名中不能夠使用ASP.NET的變量。如果一定要用的話,就用ASP.NET的命令來做文件嵌套吧。
比如:
<% Response.WriteFile ("footer.html") %>
更多關於怎樣在ASP.NET中實現動態文件嵌套,請參考微軟的這篇文章。
4、PHP
如果你的服務器支持PHP的話,用PHP引用footer.html文件的寫法如下:
<?php include("footer.html"); ?>
這句命令所在的文件擴展名必須被為.php。
除了引用本服務器上的文件,PHP的include命令還可以用來引用其它網站上的html文件,比如:
<?php include(http://www.prglab.com/examples/footer.html); ?>
當然你要得到其它網站的允許才能引用別人的文件。
5、JSP (Java Server Page)
JSP文件需要在基於Java的服務器上運行,比如Apache Tomcat。JSP包含文件的語法是:
<%@ include file="footer.html" %>