您现在的位置是:网站首页> 编程资料编程资料
在html文件里include文件内容的方法小结纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
2021-08-30
1212人已围观
简介 这篇文章主要介绍了在html文件里include文件内容的方法小结,需要的朋友可以参考下
在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
在html文件引入其它html文件的几种方法
1.IFrame引入,看看下面的代码
复制代码
代码如下:你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用
复制代码
代码如下:但你会发现还会有点问题,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用
的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加
入scroll=no
*缺点:无法做导航跳转,在iframe里面跳转,内容叠加出现
2.
复制代码
代码如下:object 标签 — 定义一个内嵌的物件(例如:图像, 媒体, 代码 etc)
* 不符合标准网页设计的理念,已经被标准网页设计抛弃.
3.Behavior的download方式
复制代码
代码如下:
相关内容
- 防止用户将表单重复提交的方法汇总纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 利用HTML实现限制ip的投票网站作弊方案纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- html禁止清除input文本输入缓存的两种方法HTML5单选框、复选框、下拉菜单、文本域的实现代码HTML5 文件域+FileReader 分段读取文件并上传到服务器html列表框、文本域、文件域的示例代码
- 利用HTML、CSS 实现带表情的评论框的制作教程HTML中利用div+CSS实现简单的箭头图标的代码css 11种方法实现一个tips带有描边的小箭头css实现带箭头和圆点的轮播可自定义箭头样式的CSS3气泡提示框CSS3制作可自定义配置箭头的气泡提示框效果源码基于CSS实现带阴影和小箭头的黑色风格下拉菜单效果纯CSS3实现漂亮的input输入框动画样式库(Text input love)CSS实现让同一行文字和输入框对齐的方法CSS实现带箭头的提示框效果【示例代码】
- 简单掌握HTML中水平线标注与代码注释的用法HTML教程:html水平线段HTML <!--...--> 注释标签的深层次作用分析Html注释 Html中标记文字注释的符号css注释和html注释用法及应用范围介绍html中块注释的使用详细介绍
- 详解XHTML中的标题标签与段落标签的使用关于XHTML的H1标记的位置XHTML中的常用标签整理HTML与XHTML、以及HTML4与HTML5标签之间的区别简介xHTML与HTML标签的写法有哪些不同
- XHTML中的常用标签整理HTML与XHTML、以及HTML4与HTML5标签之间的区别简介xHTML与HTML标签的写法有哪些不同网站优化seo汇总XHTML标签对搜索引擎的权重XHTML标签语义化介绍XHTML标签的嵌套规则分析Xhtml下不常用却很有用的标签总结XHTML代码常见的应用问题XHTML标签在CSS中对应的属性及用法常用的XHTML标签的使用技巧介绍XHTML CSS写出正规的BLOG
- 用HTML和CSS打造属于自己的暖男“大白”纯HTML5+CSS3制作图片旋转一款利用html5和css3动画排列人物头像的实例演示2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼一款纯css3实现的鼠标经过按钮特效教程HTML5时代CSS设置漂亮字体取代图片HTML5 CSS3打造相册效果附源码下载在HTML文档中嵌入CSS的三种常用方式html+css实现登录界面附效果图html、css 禁止文字自动换行属性word-break使用css美化html表单控件详细示例(表单美化)
- Html+css实现纯文字和带图标的按钮css图标与文字对齐的两种实现方法css控制文字前的小图标具体写法纯CSS实现取字符串的第一个字符实现文字图标功能
- HTML对于元素水平垂直居中的探讨利用CSS3的flexbox实现水平垂直居中与三列等高布局Flexbox制作CSS布局实现水平垂直居中的简单实例浅析CSS实现水平垂直同时居中的5种思路让DIV水平垂直居中的两种完美方法推荐CSS解决页面图片水平垂直居中问题的方法全面总结使用CSS实现水平垂直居中效果的方法CSS定位“十字架”之水平垂直居中关于html水平垂直居中的问题小结DIV或者DIV里面的图片水平与垂直居中的方法