iframe标签 iframe什么意思
大家好,今天小编来为大家解答iframe标签这个问题,iframe什么意思很多人还不知道,现在让我们一起来看看吧!
HTML <iframe> 标签定义和用法
定义和用法:iframe元素会创建包含另外一个文档的内联框架(即行内框架)。
提示:您可以把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对无法理解 iframe的浏览器。
属性①align
属性值:left、right、top、middle、bottom;
属性的作用:规定如何根据周围的元素来对齐此框架。
属性的说明:不赞成使用该属性。请使用样式代替。
属性②frameborder
属性值:1、0
属性作用:规定是否显示框架周围的边框。
属性③height
属性值:pixels、%
属性作用:规定 iframe的高度。
属性④longdesc
属性值:URL
属性作用:规定一个页面,该页面包含了有关 iframe的较长描述。
属性⑥marginheight
属性值:pixels
属性作用:定义 iframe的顶部和底部的边距。
属性⑦marginwidth
属性值:pixels
属性作用:定义 iframe的左侧和右侧的边距。
属性⑧name
属性值:frame_name
属性作用:规定 iframe的名称。
属性⑨scrolling
属性值:yes、no、auto
属性作用:规定是否在 iframe中显示滚动条。
属性(10)src
属性值:URL
属性作用:规定在 iframe中显示的文档的 URL。
属性(11)width
属性值:pixels、%
属性作用:定义 iframe的宽度。
HTML中iFrame标签有哪些用法
这次给大家带来HTML中iFrame标签有哪些用法,在HTML中iFrame标签用法的注意事项有哪些,下面就是实战案例,一起来看一下。
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:
1.作为弹出层铺底覆盖
大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select,轮到我们的iframe出场了。逻辑如下:
与弹出p同级放入iframe
保证iframe的 z-index小于弹层p z-index
增加window resize和scroll事件,保证iframe能盖住整张页面
部分代码
var iframe= U.isie6()?'<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:'+ ds.height+'" frameborder="0"></iframe>':'';
$container.append(iframe).appendTo($body);2.跨域写入cookie
有 a.com和b.com两个domain。在某些条件下b的部分功能会出现在a页面上。有时需要操作a页面的时候对b.com domain的cookie做一些操作以方便用户下次访问。我们只需要在a页面加入一个iframe(动态或固定)即可,src属性指向b的一张代理页面,在这张页面执行cookie操作即可。
相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
相关阅读:
HTML的代码书写有哪些规范
HTML你一定要知道的优化技巧
XHTML中有哪些常用的标签
html中iframe和frameset标签有什么区别和联系
一:<Frameset>为框架标记,说明该网页文档为框架组成,并设定文档中组成框架集的框架的布局,用来划分框架,每一个框架由<Frame></Frame>标记。
<Frame>用以设置组成框架集中各个框架的属性。<Frame></Frame>必须在<Frameset></Frameset>之内使用。
注意:<Frame></Frame>标记的框架顺序为从左至右或从上到下。
二: Iframe是Inline Frame的缩写,称为内联框架,它和frame如同兄弟。frame是帧标记,Iframe叫浮动帧标记,它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体;因为它可以多次在一个页面内显示同一内容,而不必重复写内容,所以人们形象称这种效果为“画中画”。
好了,文章到这里就结束啦,如果本次分享的iframe标签和iframe什么意思问题对您有所帮助,还望关注下本站哦!