在html頁面中引入公共的頭部和底部

使用shtml進行公共頭部和底部的引用

shtml介紹：shtml是一種基於ssi技術的檔案，也就是server side include--ssi伺服器端包含指令，一些web server如果有ssi功能的話就會對shtml檔案特殊招待，伺服器會先掃一次shtml檔案看沒有特殊的ssi指令存在，如果有的話就按web server設定規則解釋ssi指令，解釋完後跟一般html一起調去客戶端。

shtml的優點：使用ssi技術頁面生成shtml檔案，只用在頭部檔案位置加入/，其中第乙個表示相對於伺服器的路徑，第二個表示檔案的相對路徑。然後修改的時候只要修改header.htm檔案就可以了。使用shtml的好處是對搜尋引擎比較友好，需要處理的檔案在伺服器端完成的，不會加重訪問者的瀏覽器負擔。

使用步驟：以tomcat作為伺服器示例

1、找到tomcat\conf\web.xml 檔案，開啟注釋 ssi

同時加入

inputencoding

utf-8

outputencoding

utf-8

修改後效果如下：

3、修改tomcat\conf\context.xml檔案，修改效果如下：

改為：，「表示享有特權的」

4、重啟tomcat即可生效

5、頁面巢狀html

頁面1：

index.html

< html>

< head>

< meta charset= "utf-8" >

< title> index

< body>

頁面二：

header.html

< html>

< head>

< meta charset= "utf-8" >

< title> index

< body>

hello world！

在html頁面中引入公共的頭部和底部

使用shtml進行公共頭部和底部的引用 shtml介紹 shtml是一種基於ssi技術的檔案，也就是server side include ssi伺服器端包含指令，一些web server如果有ssi功能的話就會對shtml檔案特殊招待，伺服器會先掃一次shtml檔案看沒有特殊的ssi指令存在，如果...

html中引入公共的html頁面幾種方法

header1 div header1 load page header1.html script body 注意 header1中不需要把整個 寫全，以為乙個html中只能存在乙個body標籤，去掉所有的標籤 page header1.html width 100 height 50 frameb...

html頁面中引入html

我們寫頁面通常會遇到這種情況，乙個模組很多頁面都用到，那麼我們為了方便就會單獨寫到乙個頁面，然後引入進去，我知道的有三種 1 用標籤 例 iframe有自己預設的高度，如果你引入的頁面高度超出他預設的高度會超出隱藏，所以，要加上height 2 用標籤 例 object也有自己的預設高度，如果你引入...