`
ch_kexin
  • 浏览: 897938 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

HTML iframe 标签

 
阅读更多

 HTML iframe 标签<!-- start content -->

iframe 标签 -- HTML内联框架
  • iframe标签是成对出现的,以<iframe>开始,</iframe>结束
  • iframe标签内的内容可以做为浏览器不支持iframe标签时显示
  • 引用网址:http://www.dreamdu.com/xhtml/tag_iframe/
  • 属性
    • Common -- 一般属性
    • name -- 定义了内容页名称,此名称在框架页内链接时使用到
    • src -- 定义了内容页URL(同frame标签)
    • frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
      • 1 -- 在每个页面之间都显示边框
      • 0 -- 不显示边框
    • height -- 框架的高度,取值像素或百分比
    • width -- 框架的宽度,取值像素或百分比
    • marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
    • marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
    • scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
      • yes -- 显示滚动条
      • no -- 不显示滚动条
      • auto -- 当需要时再显示滚动条
    • align -- 垂直或水平对齐方式
    • longdesc -- 定义框架页的说明

示例

<iframe src="http://www.dreamdu.com/xhtml/" width="200" height="500">
        梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。
</iframe>

使用像素定义iframe框架大小

<iframe src="http://www.dreamdu.com/css/" width="20%" height="50%">
        梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。
</iframe>

使用百分比定义iframe框架大小

分享到:
评论

相关推荐

    iframe标签实现pdf预览功能

    `iframe`标签是HTML中用于嵌入另一个文档的一种方式,它可以用来加载PDF文件,从而实现预览功能。在本篇文章中,我们将深入探讨如何使用`iframe`标签结合Vue和React框架来实现在网页中预览PDF文件。 首先,`iframe`...

    基于iframe的js动态标签tab

    1. **HTML结构**:首先,你需要在HTML中设置一个容器,通常是一个div,用于放置所有的标签页和IFrame。每个标签页是一个链接(a标签),点击后触发JavaScript事件。每个IFrame用于显示相应的内容。 2. **CSS样式**...

    iframe标签实现网页部分刷新

    在网页设计和开发中,`iframe`(Inline Frame)标签是一种强大的工具,它允许我们将一个网页嵌入到另一个网页中,实现部分内容的独立加载和刷新,从而提高用户体验。`iframe`广泛应用于网站后台、模块化内容展示、...

    两个jquery实现iframe多标签页例子

    在这个“两个jquery实现iframe多标签页例子”中,我们将探讨如何利用jQuery来创建具有动态切换功能的多标签页,并在每个标签页内嵌入iframe,以展示不同的Web内容。 首先,`iframe`(inline frame)是一种HTML元素...

    模仿百谷歌度做的一个小页面

    1. **HTML iframe标签**:`&lt;iframe&gt;`标签的使用包括设置`src`属性来指定要加载的URL,`width`和`height`属性来定义iframe的尺寸,`frameborder`属性可以用来控制边框的显示,以及`sandbox`属性来限制iframe内的内容...

    html2canvas生成pdf(html高度自适应带iframe)

    然而,由于Canvas不支持`iframe`,`html2canvas`本身无法直接处理嵌入的`iframe`内容。当页面包含`iframe`时,我们需要额外的策略来处理这种情况,例如,在生成PDF前先将`iframe`的内容提取出来或者在`iframe`加载...

    html div+Iframe

    HTML中的`div`元素和`iframe`标签是网页布局和内容嵌入的两个关键概念。在Web开发中,`div`通常用作容器,用于组织和控制页面布局,而`iframe`则允许我们在一个页面中嵌入另一个独立的网页或者任何其他可网页化的...

    HTML经典教材-iframe详细介绍

    `iframe`标签的基本结构如下: ```html &lt;iframe src="http://example.com" width="500" height="300"&gt;&lt;/iframe&gt; ``` 这里的`src`属性指定了要加载的外部资源的URL,`width`和`height`属性则分别定义了`iframe`的...

    Android WebView拦截iframe标签内部跳转教程

    iframe 是 HTML 中的一个标签,用于在当前网页中嵌套另一个网页。iframe 标签内部可以包含其他网页的内容,例如图片、视频、音频等。然而,在 Android WebView 中,如果我们不做特殊处理,iframe 标签内部的跳转将...

    iframe缩小引用网页比例代码

    HTML使用iframe标签引用外部网页时,可以设置外部网页的显示比例适配当前iframe的大小,兼容各种浏览器哦

    HTML iframe设置背景透明

    `iframe`标签在HTML中是这样定义的: ```html &lt;iframe src="http://example.com" width="400" height="300"&gt;&lt;/iframe&gt; ``` 其中,`src`属性指定要加载的页面URL,`width`和`height`定义了`iframe`的尺寸。默认情况...

    iframe自适应高度和宽度

    在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,在使用`iframe`时,如何使其高度和...

    基于js的iframe 可关闭tab标签组件使用方法

    本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许...

    点击图片iFrame显示视频播放.rar

    首先,`iframe`(Inline Frame)是HTML中的一个标签,用于在页面中嵌入另一个完整的网页。它通过`src`属性指定要加载的URL,可以用来展示外部网页、文档,甚至是本地的HTML文件。在本例中,iframe将用于播放视频,当...

    html列表标签

    画中画标签是通过iframe标签实现的,src属性指定画中画的地址,height和width属性指定画中画的高度和宽度。 表单标签和表单组件 表单标签是通过form标签实现的,表单组件包括input标签、select标签、textarea...

    js下判断 iframe 是否加载完成的完美方法.docx

    在 HTML 中,iframe 元素支持 onload 事件,该事件在 iframe 加载完成后触发。我们可以使用该事件来判断 iframe 是否加载完成。下面是一个示例代码: ```javascript var iframe = document.createElement("iframe")...

    跳转代码

    ### HTML iframe 标签实现页面跳转 在HTML中,`&lt;iframe&gt;` 标签可以嵌入一个小型的网页或内容块到当前文档中。通过设置`src`属性为需要跳转的目标URL,可以实现间接的页面跳转效果。例如: ```html &lt;iframe src=...

    iframe对另一个iframe控制的Demo

    `&lt;iframe&gt;`标签在HTML中用于创建一个内联框架,通过`src`属性指定要加载的URL。例如: ```html &lt;iframe id="leftIframe" src="left.html" width="50%" height="100%"&gt;&lt;/iframe&gt; &lt;iframe id="rightIframe" src=...

Global site tag (gtag.js) - Google Analytics