html中iframe是如何使用的?


本文摘自PHP中文网,作者青灯夜游,侵删。

本章给大家介绍在html中iframe是如何使用的,让大家可以了解html中iframe的用法。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

有人说,iframe是能耗最高的一个元素,尽量减少使用;也有人说,iframe的安全性太差,尽量减少使用。虽然他们说的是真的,但是iframe的强大功能是不容忽视的,而且现在不乏公司正在使用它。

<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到 <iframe> 和 </iframe>里面,这样不支持 <iframe>的浏览器就会出现提示的文字。

iframe 如何使用呢?

通常我们使用iframe直接在页面嵌套iframe标签指定的src就可以了。

比如:

1

2

3

4

5

6

7

<!-- <iframe> 标签规定一个内联框架     

     这里写p 标签是为了看align的效果 -->

     <p style="overflow: hidden;">这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。

         <iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">

            <p>你的浏览器不支持iframe标签</p>

        </iframe>

     这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。</p>

iframe 的常用属性:

   name : 规定 <iframe> 的名称。
width: 规定 <iframe> 的宽度。
height :规定 <iframe> 的高度。
src :规定在 <iframe> 中显示的文档的 URL。
frameborder : 规定是否显示 <iframe> 周围的边框。 (0为无边框,1位有边框)。
align :  规定如何根据周围的元素来对齐 <iframe>。 (left,right,top,middle,bottom)。
scrolling : 规定是否在 <iframe> 中显示滚动条。 (yes,no,auto)

阅读剩余部分

相关阅读 >>

前端项目开始制作前初始化css必要性

什么是css伪类

css怎么把div设置成爱心

css td文字不换行如何实现

css3二级导航菜单制作步骤详解

浏览器内核以及浏览器兼容的问题分析

html中使用css的方法有哪几种

bootstrap.css样式表是什么

请问css的作用是什么

css如何让div隐藏

更多相关阅读请进入《iframe》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...