iframe是什么

简介: iframe是什么

iframe标签是什么


通常呢网站一般都是一个HTML,要插入其他元素就必须要使用一个框架了,它可以轻松地嵌入文档,图像甚至是视频。

iframe也称嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。其实大白话在我看来就是,在一个网页框架中嵌入一个iframe,原本的框架网页不需要更改内容,我们只需要变更iframe里面的内容就好了。

iframe标签属性

src 嵌入内容来源,链接路径地址,一般为URL形式。

width 框架的宽度。

height 框架的高度。

name 框架的名字。

sandbox 连接内联框架与特定的安全措施。

srcdoc 包含在iframe中显示的代码

iframe标签的优缺点


优点:

ifarme能够原封不动的把嵌入的网页展现出来;如果有多个网页引入iframe,只需要修改ifarme的内容,就可以实现调用的每一个页面内容的更改,很方便快捷;网页如果为了统一风格,头部和版本是一样的,就可以写成一个页面,有iframe标签嵌套,可以增加代码的可重用;遇到加载缓慢地第三方内容,也可以由iframe解决。

缺点:

iframe会阻止onloal事件;iframe和主页共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载会产生很多页面;代码复杂,无法被一些搜索引擎优化。


目录
相关文章
|
存储 SQL Java
基于二进制控制系统权限
在数学和数字电路中指以2为基数的记数系统,以2为基数代表系统是二进位制的。这一系统中,通常用两个不同的数字0和1来表示。在计算机中,最常用的是二进制,因为组成计算机系统的逻辑电路通常只有开和关这两个状态,用0和1很好表示这两种状态。
2999 0
基于二进制控制系统权限
|
NoSQL Redis
Redis集群(六):集群常用命令及说明
Redis集群(六):集群常用命令及说明
653 0
|
Prometheus 监控 前端开发
prometheus|云原生|grafana-9.4.3版本的主题更改
prometheus|云原生|grafana-9.4.3版本的主题更改
1621 0
|
前端开发 JavaScript 关系型数据库
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
4102 2
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
|
8月前
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容?
Python爬虫如何获取JavaScript动态渲染后的网页内容?
|
关系型数据库 TensorFlow 算法框架/工具
Docker技术概论(4):Docker CLI 基本用法解析
Docker技术概论(4):Docker CLI 基本用法解析
1073 1
Java系列之 重命名文件/图片,renameTo() 方法的使用
这篇文章介绍了Java中File类的renameTo()方法,包括其使用方式、参数、返回值以及一些使用时的注意事项,并通过示例代码演示了如何使用该方法来重命名文件。
Java系列之 重命名文件/图片,renameTo() 方法的使用
|
缓存 安全 应用服务中间件
Nginx七层(应用层)反向代理:HTTP反向代理proxy_pass篇(二)
Nginx七层(应用层)反向代理:HTTP反向代理proxy_pass篇(二)
816 1
|
前端开发 JavaScript
【Web 前端】$(document).ready() 是个什么函数?为什么要用它?
【5月更文挑战第2天】【Web 前端】$(document).ready() 是个什么函数?为什么要用它?

热门文章

最新文章