|  首页  |  资讯  |  评测  |  活动  |  学院  |  访谈  |  专题  |  杂志  |  产服  |  
您现在的位置:硅谷网> 学院> 经验>

iframe怎么用?iframe标签属性iframe写法详解!

2019-11-16 16:10 作者:苏玥 来源:硅谷网 HV: 编辑:GuiGu 【搜索试试

大家平常有独立建站或者经常和网站制作打交道,那肯定对iframe不陌生。 iframe是网页制作常用的一种标签,它可以使网站结构变得更加清晰、合理、美观大气。那么iframe应该怎么用?iframe写法有哪些呢?

<iframe>标签iframe标签是框架的一种形式,也比较常用到,iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容。iframe标签的最大作用就是让页面变得美观。iframe标签的用法有很多,主要区别在于对iframe标签定义的形式不同,例如定义iframe的长、宽、高。

iframe写法详解:

iframe标签的写法与大多HTML标签写法相同,输入形式为:<iframe>和</iframe>。以<iframe>开头,以</iframe>结尾,将需要的文本内容添加到两个标签之间即可。iframe标签内的内容可以做为浏览器不支持iframe标签时显示。

iframe标签属性

 iframe标签属性主要是align:left、right、top、middle、bottom,用于规定根据周围的元素对齐框架。目前用iframe标签修改框架对齐方式的很少,不建议使用,通常都是用div+css样式代替。具体属性介绍如下:

frameborder:1、0。用于规定是否显示框架周围的边框。

height:pixels、%。用于规定iframe的高度。

longdesc:URL。规定一个页面,该页面包含了有关iframe的较长描述。

marginheight:pixels。定义iframe的顶部和底部的边距。

marginwidth:pixels。定义iframe的左侧和右侧的边距。

name:frame_name。规定iframe的名称。

scrolling:yes、no、auto。规定是否在iframe中显示滚动条。

src:URL。规定在iframe中显示的文档的URL。

width:pixels。%。定义iframe的宽度。

下面举例说明iframe的具体用法:

例1

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>

width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder  边框大小;

注意:URL建议用绝对路径

传说中百度用:<iframe width=0 height=0 frameborder=0 scrolling=auto src=www.enkj.com></iframe>

例2 

如果一个页面里面有框架。随便点页面里的连接,要求在这个<iframe> 里打开。在iframe 中加入name=** (**自己设定)

<iframe name=**  ></iframe>

然后在修改默认打开模式,:网页HEAD中加上<a href=URL target=**>或部分连接的目标框架设为(**)

以上就是iframe常用的写法和用法,也还有其他的用法,比如透明的iframe的用法,这个必需IE5.5以上版本才支持,这里就不做具体介绍,大家可以自行了解。

【对“iframe怎么用?iframe标签属性iframe写法详解!”发布评论】

版权及免责声明:
① 本网站部分投稿来源于“网友”,涉及投资、理财、消费等内容,请亲们反复甄别,切勿轻信。本网站部分由赞助商提供的内容属于【广告】性质,仅供阅读,不构成具体实施建议,请谨慎对待。据此操作,风险自担。
② 内容来源注明“硅谷网”及其相关称谓的文字、图片和音视频,版权均属本网站所有,任何媒体、网站或个人需经本网站许可方可复制或转载,并在使用时必须注明来源【硅谷网】或对应来源,违者本网站将依法追究责任。
③ 注明来源为各大报纸、杂志、网站及其他媒体的文章,文章原作者享有著作权,本网站转载其他媒体稿件是为传播更多的信息,并不代表赞同其观点和对其真实性负责,本网站不承担此类稿件侵权行为的连带责任。
④ 本网站不对非自身发布内容的真实性、合法性、准确性作担保。若硅谷网因为自身和转载内容,涉及到侵权、违法等问题,请有关单位或个人速与本网站取得联系(联系电话:01057255600),我们将第一时间核实处理。
广告
相关
头条
新闻来源很重要?将近一半读者根本不关心它! 新闻来源很重要?将近一半读者根本不关心它!
在网络主页上发新闻的好日子早就过去了。今天的受众更愿意把超过一半的流量花在社交媒……
·新闻来源很重要?将近一半读者根本不关心它!
图文
如何把苹果iPhone手机的照片传到苹果Mac电脑?
如何把苹果iPhone手机的照片传到苹果Mac电
mcafee是什么软件好用吗?McAfee中文译名是什么?
mcafee是什么软件好用吗?McAfee中文译名是
自媒体账号如何申请?各个平台运营方法汇总!
自媒体账号如何申请?各个平台运营方法汇总
如何把苹果iPhone手机的照片传到苹果Mac电脑?
如何把苹果iPhone手机的照片传到苹果Mac电
最新
·巴西5G不排除华为是什么情况?为何巴西5G不排除华
·如何把苹果iPhone手机的照片传到苹果Mac电脑?
·硅谷有多大面积?美国硅谷有多大?面积多少?
·iframe怎么用?iframe标签属性iframe写法详解!
·mcafee是什么软件好用吗?McAfee中文译名是什么?
热点
·做客、作客、座客和坐客的意思和区别是什么?
·硅谷为什么叫硅谷?硅谷到底是什么意思呢?
·知道UV、VV,CV是什么?PV、UV、IP什么意思?
·自媒体账号如何申请?各个平台运营方法汇总!
·目前微信有什么bug?微信bug是什么意思啊?
旧闻
·百度新闻源:百度新闻源审核、被清理、解封办
·简易教程:如何将iPad mini快速升级到iOS 7 b
·苹果电脑MAC系统登录远程桌面 如何能够实现?
·从事游戏策划,工作中中最难的一点是什么?
·CAXA二维CAD教程:把图纸名默认为文件名
广告
硅谷影像
如何把苹果iPhone手机的照片传到苹果Mac电脑?
如何把苹果iPhone手机的照片传到苹果Mac电脑?
mcafee是什么软件好用吗?McAfee中文译名是什么?
mcafee是什么软件好用吗?McAfee中文译名是什么?
什么是域名纠错系统?怎么关闭域名纠错系统?
什么是域名纠错系统?怎么关闭域名纠错系统?
董事长属于高管吗?公司董事属于公司高管吗?
董事长属于高管吗?公司董事属于公司高管吗?
server服务:server服务自动停止关闭如何解决?
server服务:server服务自动停止关闭如何解决?
怎么关闭域名纠错系统?什么是域名纠错系统?
怎么关闭域名纠错系统?什么是域名纠错系统?
关于我们·About | 联系我们·contact | 加入我们·Join | 关注我们·Invest | Site Map | Tags | RSS Map
电脑版·PC版 移动版·MD版 网站热线:(+86)010-57255600
Copyright © 2007-2020 硅谷网. 版权所有. All Rights Reserved. <京ICP备12003855号-2>