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和主页共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载会产生很多页面;代码复杂,无法被一些搜索引擎优化。

目录
相关文章
|
6月前
HTML中的<iframe>标签及其属性
HTML中的<iframe>标签及其属性
|
2月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
52 2
|
6月前
|
JavaScript 前端开发 API
快速实现 iframe 嵌套页面
【6月更文挑战第22天】快速实现 iframe 嵌套页面
|
5月前
|
前端开发 JavaScript 应用服务中间件
iframe动态操作标签分享
iframe动态操作标签分享
47 0
|
7月前
|
JavaScript 前端开发
深入解析HTML的`<a>`标签
在Web开发的领域中,我们经常听到超链接(hyperlink)这个术语,而HTML中的 `<a>` 标签则是创造这种连接的关键。本文将深入探讨 `<a>` 标签的常见属性和灵活用法,旨在帮助你更好地利用这一强大工具,以打造更为丰富、交互性更强的网页。
305 1
 深入解析HTML的`<a>`标签
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
183 0
|
JavaScript 内存技术
iframe标签的sandbox属性
iframe标签的sandbox属性
499 0
|
安全 UED
HTML <iframe> 标签的常用属性--详解(附加代码)
HTML <iframe> 标签的常用属性--详解(附加代码)
180 0
|
移动开发
html-day11标签语义化&新增标签
html-day11标签语义化&新增标签