1. 程式人生 > >html檔案引入其它html檔案的方法:include方式

html檔案引入其它html檔案的方法:include方式

一個網站很多頁面裡面,一部分內容的程式碼是一樣的,比如:head,footer,menu等。那麼我們則可以寫一個頭部,一個尾部,一個menu然後引入到需要用的頁面裡面,則不需用寫重複的程式碼了。include是在a.html裡面嵌入b.html的程式碼,是將程式碼拼湊完整,而不是在瀏覽器中嵌入一個瀏覽器。

  這樣的好處是,當重複程式碼修改一個小地方時候,只需在一個html裡面修改,不需要重複修改程式碼,也不會因為頁面太多導致漏掉未修改。

我將內容分成4部分,然後將heder、menu、footer引入到index裡面,將會看見網頁程式碼就成完整的了:

 但是在windows系統裡面使用include必須開啟iis。

  1.怎麼開啟iis呢?

  控制面板-->程式和功能-->開啟或關閉windows功能(左側選單欄裡面)

 勾選選中的-->點確定

  2.建立iis埠

    控制面板-->管理工具-->Internet 資訊服務(IIS)管理器

右擊紅色框部分-->新增網站

網站名稱可以填寫專案名稱。

    物理路徑就是專案檔案所在。

    埠則是沒用過的,獨一無二的一個埠,記號。不然怕以後專案做多了記混淆。

    這樣。一個iis檔案建立成功

3.建立文字

    iis編譯的文字不支援html。但是支援shtml,include檔案引入支援html。所以我們可以這樣寫檔案:

接著,我們需要給埠89制定一個訪問頁面:index.shtml


控制面板-->管理工具-->Internet 資訊服務(IIS)管理器之後:

    開啟 左側網站,就會看見你新建的網站。然後左擊就看見此頁面,然後點開預設文件:

點選新增:彈出的框裡面填入你的檔案,比如:index.shtml。就會看見新增的檔案啦。

    注意:一定要將新增的檔案,需要開啟網站的看見的網頁排在第一位。

然後頁面開啟:

就看見頁面啦

參考文章: https://www.cnblogs.com/qmx5942701/p/5474063.html 

相關推薦

html檔案引入其它html檔案方法include方式

一個網站很多頁面裡面,一部分內容的程式碼是一樣的,比如:head,footer,menu等。那麼我們則可以寫一個頭部,一個尾部,一個menu然後引入到需要用的頁面裡面,則不需用寫重複的程式碼了。include是在a.html裡面嵌入b.html的程式碼,是將程式碼拼湊完整,而

gulp-html-import,在html引入外部html檔案

寫於 2016.06.14 專案地址: gulp-html-import 曾經學習PHP的時候,深深覺得include語法非常好用,後接觸了ejs,發現裡面也有類似的語法,能夠方便地引入公共html檔案;在學習了vue,react等框架以後,“元件化思想”更是在我腦海根深蒂固,再也無

shell指令碼抽取文字檔案中指定字串的方法sed+grep方法、awk+grep方法(必要時可以聯合sed以及grep)、grep+cut方法

在linux中經常要對一些動態的文字檔案抽取指定的字串,比如執行ps命令後想要獲取指定的執行程序(如ps自己)的PID號(同一個程序每次啟動的時候pid號是隨機分配的)。該怎麼辦呢?當然,可以用一些擷取字串的方法,這裡介紹一下用2種方法來解決這類問題。 一、sed+grep方法: 首先大概瞭

html頁面引入外部html方法 (使用第三方外掛)

   一般情況下,引入外部html的方法無非就5種,分別是: 1、iframe <iframe src="test.html"></iframe> 2、link方式 <link rel="import" href

java中解析xml檔案的五種常見方法DOM4J,dom,pull,SAX,Jdom

package com.zhidi.dom4jtest; import java.io.File; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import or

html頁面引入外部html方法 (使用第三方外掛)

   一般情況下,引入外部html的方法無非就5種,分別是: 1、iframe <iframe src="test.html"></iframe> 2、link方式 <link rel="import" hre

mybatis框架的mapper.xml檔案中sql的使用方法

1.<!-- 根據id查詢 --> <select id="getFileInfo" parameterType="java.lang.String" resultMap="testFileBean">select * from test_tb_info where 1=1 <i

Apache Camel 中camel配置檔案引入其他xml檔案介紹--將camel配置檔案拆分後並引用

1、rest 可以在新檔案中用<restContext/>標籤 例如:需要匯入的檔案myCoolRests.xml,內容為 <restContext id="myCoolRest" xmlns="http://camel.apache.org/schema

Python爬蟲Windows系統下用pyquery庫解析含有中文的本地HTML檔案報UnicodeDecodeError的解決方法

由於Windows系統預設GBK編碼,用pyquery解析本地html檔案,如果檔案中有中文,會報錯: UnicodeDecodeError: 'gbk' codec can't decode byte 0xa3 in position 12: illegal multibyte sequenc

HTML引入CSS檔案的幾種方法

 概況來說有以下四種:        1.行內式:也稱內聯式,在標記的style屬性中設定CSS樣式。這種方式沒有體現出CSS的優勢;        2.嵌入式:將CSS樣式集中寫在網頁的<he

xcode,在webView中引入本地html,image,js,css檔案方法

專案需求 最近開發的專案,需要一個webView,同時這個webView會需要引入一些專案中的資源: 一個本地的html檔案,作為webView的模板兩張loading圖片,在圖片未載入的時候進行佔位jquery.js,scrollLoading.js 也是本地的,實現滾動載入圖片功能然後就開始了漫長的Go

HTML引入外部JS檔案方法

在引入外部JS檔案的情況下,不能在<script></script>之間插入程式碼,插入的程式碼不執行,只執行引入的外部檔案。 attack.html 程式碼: <!D

HTML引入多個css檔案

在HTML中引入css的兩個方法:匯入式和連結式。 匯入式和連結式的目的都是將一個獨立的css檔案引入一個檔案中,二者的區別不大,事實上,二者最大的區別在於連結式使用html的標記引入外部css檔案,而使用匯入式則是使用css規則引入外部css檔案。因此它們的語法也不同。 1. 連結式

python學習之網站的編寫(HTML,CSS,JS)(十一)----------如何利用其它html檔案中的CSS(也就是可以將共同的地方提取出來,放大一個檔案中,利於使用)

首先說一下它的具體用處,我們已經知道,當我們寫一個html檔案的時候,不同的標籤想用相同的版式的時候,我們可以將它提取出來,然後再用一些選擇器進行應用,比如class選擇器。但是,但我們編寫多個html檔案中的時候,多個檔案都想用一些相同的版式該怎麼辦呢? 那麼就引入了這種連線的方式,首先寫一個

蘋果手機將PDF檔案轉換為HTML網頁的方法,簡單實用!

有時為了工作需要我們要將PDF轉換成HTML網頁檔案,便於嵌入網頁中且可以提取PDF中的圖片,那麼,如何將PDF轉換成HTML格式呢?今天小編就來和大家介紹PDF轉HTML操作方法,希望可以幫助到大家。 1:首先開啟手機,在AppStore裡搜尋需要的檔案轉換工

HTML檔案裡把所有的css、js檔案引入後,其他的HTML檔案引入該頁面後,可以使用該頁面引入的css和js

怎樣將一個HTML檔案裡把所有的css、js檔案引入後,然後其他的HTML檔案就不需要在進行引入了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

FatFs原始碼剖析 FAT16圖文詳解 FatFs官網http://www.elm-chan.org/fsw/ff/00index_e.html 本文文件形式檔案下載

FatFsVersion0.01原始碼分析 目錄 一、API的函式功能簡述  二、FATFS主要資料結構    1、FAT32檔案系統的結構   2、FATFS主要資

shell引入其它檔案函式的方法

最常用的方法 1、被呼叫檔案a.func的內容 #!/bin/bash   #file to be called.   #autor:wanyonghui   #date:2015/10/21 hello()   {           echo "Hello!

引用CSS檔案html網頁裡的四種方法

引用CSS檔案到Html方法-css引入,css引用 使用不同的方法來引用css樣式表,最終到達的效果相同,但是使用不同方法應用的css檔案將影響到SEO及網頁開啟速度效率。 html引用css方法如下 1、直接在div中使用css樣式製作div+css網頁 2、html中使用style自帶式 3、

關於Html動態新增上傳檔案控制元件inputFile(附件)及清除已選擇的檔案的幾個方法

一、動態新增上傳檔案控制元件   1.   案例一: <HTML> <HEAD> <TITLE>上傳檔案</TITLE> <SCRIPTlanguage=javascripttype=text/javascript>