html include标签的用法详解(附使用实例)

本篇文章主要的讲述了html文件引入html文件的方法之一的include标签的方式,这是include标签的最早期的用法,虽然现在用的比较少,但还是希望大家能多了解一些关于include标签方面的知识,那么就让我们来看下这篇文章的内容吧

html文件引入其它html文件的几种方法:

本篇文章主要介绍include标签的方式

一个网站很多页面里面,一部分内容的代码是一样的,比如:head,footer,menu等。那么我们则可以写一个头部,一个尾部,一个menu然后引入到需要用的页面里面,则不需用写重复的代码了。include是在a.html里面嵌入b.html的代码,是将代码拼凑完整,而不是在浏览器中嵌入一个浏览器。

这样的好处是,当重复代码修改一个小地方时候,只需在一个html里面修改,不需要重复修改代码,也不会因为页面太多导致漏掉未修改。

立即学习“前端免费学习笔记(深入)”;

tuyi.pngtuer.pngtusan.pngtusi.png

我将html include标签的内容分成4部分,然后将heder、menu、footer引入到index里面,将会看见网页代码就成完整的了:

tuwu.png

但是在windows系统里面使用html include必须打开iis。

1.怎么打开html include标签里的iis呢?

控制面板–>程序和功能–>打开或关闭windows功能(左侧菜单栏里面)

勾选选中的–>点确定

2.创建html include标签里的iis端口

控制面板–>管理工具–>Internet 信息服务(IIS)管理器

网站名称可以填写项目名称。

物理路径就是项目文件所在。

端口则是没用过的,独一无二的一个端口,记号。不然怕以后项目做多了记混淆。

这样。一个iis文件创建成功

3.创建html include标签里的文本

iis编译的文本不支持html。但是支持shtml,include文件引入支持html。所以我们可以这样写文件:

tuliu.png

接着,我们需要给端口89制定一个访问页面:index.shtml

控制面板–>管理工具–>Internet 信息服务(IIS)管理器之后:

打开 左侧网站,就会看见你新建的网站。然后左击就看见此页面,然后点开默认文档:

点击添加:弹出的框里面填入你的文件,比如:index.shtml。就会看见添加的文件啦。

注意:一定要将添加的文件,需要打开网站的看见的网页排在第一位。

然后页面打开:就看见页面啦

tuqi.png

好了,以上就是本篇文章介绍的html文件引入其它html文件的include的方式了,如果有什么疑问,可以在下面进行提问。

【相关推荐】

HTML font标签的color属性是什么?fontcolor的用法介绍(附颜色代码表)

html5 details标签的作用是什么?

标签的使用方法介绍(附使用实例)

以上就是html include标签的用法详解(附使用实例)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546645.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:28:22
下一篇 2025年12月21日 18:28:31

相关推荐

发表回复

登录后才能评论
关注微信