如何將一個HTML頁面嵌套在另一個頁面中

標籤：方法   .net   修改   ons   ros   bsp   正是   一個   src   

一 在原頁面嵌入其他頁面

 

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> &copy; 程式員實驗室 著作權</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" %>

 

如何將一個HTML頁面嵌套在另一個頁面中