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

2021-09-02 20:16:39 字數 1076 閱讀 7113

使用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也有自己的預設高度,如果你引入...