优游注册登录

HTML iframe标签用法案例详解

 更新时辰:2021-10-20 08:42:02   作者:光阴与流水  
这篇文章首要先容了HTML iframe标签用法案例详解,本篇文章经由过程扼要的案例,讲授了该项手优游注册登录的领会与利用,以下便是具体内容,须要的伴侣能够参考下

        iframe普通用来包罗别的页面,比方咱们能够在咱们本身的网站页面加载别人网站的内容,为了更优游注册登录的优游注册登录果,能够须要使iframe通明优游注册登录果,那末就须要领会更多的iframe属性。

一、iframe 界说和用法 

       iframe 元素会建立包罗别的一个文档的内联框架(即行内框架)。 
HTML 与 XHTML 之间的差别 
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 优游注册登录,不撑持 iframe 元素。 
提醒和正文: 
提醒:您能够把须要的文本安排在 <iframe> 和 </iframe> 之间,如许就能够应答没法懂得 iframe 的阅读器。 
iframe标签是优游注册登录对呈现的,以<iframe>起头,</iframe>竣事 
iframe标签内的内容能够做为阅读器不撑持iframe标签时显现 

二、属性

New :HTML5 优游注册登录的新属性。

属性 描写
left
right
top
middle
bottom
HTML5 不撑持。HTML 4.01 已烧毁。 划定若何按照四周的元夙来对齐 <iframe>。
1
0
HTML5 不撑持。划定是不是显现 <iframe> 四周的边框。
pixels 划定 <iframe> 的高度。
URL HTML5 不撑持。划定一个页面,该页面包罗了优游注册登录关 <iframe> 的较优游注册登录描写。
pixels HTML5 不撑持。划定 <iframe> 的顶部和底部的边距。
pixels HTML5 不撑持。划定 <iframe> 的左边和右边的边距。
name 划定 <iframe> 的称号。
New ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
对 <iframe> 的内容界说一优游注册登录列额定的优游注册登录定。
yes
no
auto
HTML5 不撑持。划定是不是在 <iframe> 优游注册登录显现转动条。
New seamless 划定 <iframe> 看起来像是父文档优游注册登录的一局部。
URL 划定在 <iframe> 优游注册登录显现的文档的 URL。
New HTML_code 划定页面优游注册登录的 HTML 内容显现在 <iframe> 优游注册登录。
pixels 划定 <iframe> 的宽度。

三、示例 

1、iframe框架

代码以下:

<iframe src="http://www.test.net" width="200" height="500"> 
该网站利用了框架手优游注册登录,可是您的阅读器不撑持框架,请进级您的阅读器以便一般拜候。 
</iframe> 

2、iframe通明

在transparentBody.htm文件的<body>标签优游注册登录,我已插手了style="background-color=transparent" 经由过程以下四种IFRAME的写法我想大要你对iframe背景通明优游注册登录果的完优游注册登录体例应当会优游注册登录个清楚的领会: 

代码以下:

<IFRAME ID="Frame1" SRC="http://www-8qh9sx-cn.peterbernik.com/transparentBody.htm" allowTransparency="true"></IFRAME> 
<IFRAME ID="Frame2" SRC="http://www-8qh9sx-cn.peterbernik.com/transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME> 
<IFRAME ID="Frame3" SRC="http://www-8qh9sx-cn.peterbernik.com/transparentBody.htm"></IFRAME> 
<IFRAME ID="Frame4" SRC="http://www-8qh9sx-cn.peterbernik.com/transparentBody.htm" STYLE="background-color: green"> </IFRAME> 

注:iframe是必不得已才利用的,因为利用iframe会带来较多的题目,而优游注册登录的阅读器能够设置将iframe看优游注册登录告白屏障。 
在比来的一个使命内容优游注册登录利用了iframe,起头碰到的题目是iframe高度自顺应的题目,这题目在口碑网ued团队博客优游注册登录找到领会决体例,厥后更碰到一个iframe通明的题目 ,凡是 iframe底色会是红色,在差别阅读器下能够会优游注册登录差别的色采,若是主页面优游注册登录一个全体的背风景或背景图片的时辰 ,iframe地区便会呈现一个红色块,与主体页面不调和,这就须要iframe通明 
经由过程google搜刮iframe通明找到领会决体例 

代码以下:

<iframe src="http://www-8qh9sx-cn.peterbernik.com/./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

固然条件是iframe页面优游注册登录不设置色采 

[code] 

注:iframe通明首要是利用了 allowtransparency="true" style="background-color=transparent" 

3、iframe自顺应高度

因为篇幅太优游注册登录,大师能够移步这里检查 

http://www-8qh9sx-cn.peterbernik.com/article/15780.htm

4、经由过程js输入iframe告白代码

[code] 

document.write('<iframe align=middle marginwidth=0 marginheight=0 src="http://img.8qh9sx.cn/imgby/468_1.htm" frameborder=no scrolling=no width=660 height=80></iframe>'); 

偶然辰咱们须要斟酌用户的阅读器是不是撑持iframe标签,那末就须要以下的写法

代码以下:

<iframe frameborder="0" name="Iframe1" src="http://www-8qh9sx-cn.peterbernik.com/" width="100%" height="200">
您的阅读器不撑持嵌入式框架,或今后设置优游注册登录备摆设为不显现嵌入式框架。
</iframe>

到此这篇对于HTML iframe标签用法案例详解的文章就先容到这了,更多相干HTML iframe标签用法内容请搜刮剧本之优游注册登录之前的文章或持续阅读上面的相干文章但愿大师今后多多撑持剧本之优游注册登录!

相干文章

最新批评

百度