在HTML网页页面中引进外界HTML文档的处理计划方案

摘要: 在HTML网页页面中引进外界HTML文档的处理计划方案|频道:HTML/Xhtml|点一下: 次在一般的静态数据html开发设计全过程中,没必需用架构,只为用最基本的方法写好多个静态数据网页页面出...

在HTML网页页面中引进外界HTML文档的处理计划方案 |频道:HTML/Xhtml|点一下: 次

在一般的静态数据html开发设计全过程中,没必需用架构,只为用最基本的方法写好多个静态数据网页页面出去,可是HTML中沒有include英语的语法,每一个网页页面的公共性一部分必须手动式拷贝黏贴一次,确实不合理……

在HTML页面中引入外部HTML文件的解决方案

在网络上看过有以下的处理计划方案: ( 强烈推荐学习培训:html实例教程 )

计划方案一:将html文档变为js文档,随后在网页页面载入的情况下将其载入进去实行3D渲染

计划方案二:应用iframe标识开展引入

计划方案三:应用gulp软件gulp-html-import

自己强烈推荐应用第三种计划方案,应用起來也很便捷,下边详细介绍应用流程:

1、npm install gulp -D

2、npm install gulp-html-import -D

3、文件目录构造:

| -- html-import | -- components | | | | | -- | | | | | -- | -- | -- gulpfile.js

4、gulpfile.js

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

!DOCTYPE html html head meta charset= UTF-8 title Gulp-html-import Example /title /head body @ p Hello World /p @ /body /html # . -- h1 I am the header /h1

8、gulp import 运作gulp将网页页面开展合拼最后会转化成dist文件目录

9、/

!-- / -- !DOCTYPE html html head meta charset= UTF-8 title Gulp-html-import Example /title /head body h1 I am the header /h1 p Hello World /p h1 I am the footer /h1 /body /html



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503