最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

怎么在HTML頁面中引入外部HTML文件？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、網(wǎng)站制作與策劃設(shè)計,宣化網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:宣化等地區(qū)。宣化做網(wǎng)站價格咨詢:028-86922220

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

方案一：將html文件轉(zhuǎn)為js文件，然后在頁面加載的時候?qū)⑵浼虞d進來執(zhí)行渲染

方案二：使用iframe標簽進行引用

方案三：使用gulp插件gulp-html-import

本人推薦使用第三種方案，使用起來也很方便，下面介紹使用步驟：

1、npm install gulp -D

2、npm install gulp-html-import -D

3、目錄結(jié)構(gòu)：

    |    -- html-import    |   |    |   -- components    |   |    |    |   |    -- header.html    |   |    |    |   |    -- footer.html    |   |    |   -- index.html    |   -- gulpfile.js

4、gulpfile.js

   var gulp = require('gulp');   var htmlImport = require('gulp-html-import');      gulp.task('import', function () {       gulp.src('./*.html')          .pipe(htmlImport('./components/'))          .pipe(gulp.dest('dist'));    })

5、index.html

            @import "header.html"    
Hello World
    @import "footer.html"# 使用標簽@import "XXX.html"引入公共頁面

6、header.html

I am the header

8、gulp import 運行g(shù)ulp將頁面進行合并最終會生成dist目錄

9、/dist/index.html

            
I am the header
    
Hello World
    
I am the footer

看完上述內(nèi)容，你們掌握怎么在HTML頁面中引入外部HTML文件的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章題目：怎么在HTML頁面中引入外部HTML文件-創(chuàng)新互聯(lián)
文章位置：http://fisionsoft.com.cn/article/dhpigh.html