`
zhangyaochun
  • 浏览: 2614873 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html之标签iframe

阅读更多

内容来自:http://www.w3school.com.cn/tags/tag_iframe.asp

 

 

HTML <iframe> 标签

 

   iframe元素会创建包含另外一个文档的内联框架(即行内框架)

 

   在HTML 4.1Strict DTD 和XHTML 1.0 Strict DTD 不支持iframe元素。

 

   对于不支持iframe的浏览器可以在<iframe>和</iframe>之间放置一些文本。

 

 

   如果是作为链接的目标的话,需要指定iframe的name

 

 

 

属性 值 描述 DTD
align
  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

TF
frameborder
  • 1
  • 0
规定是否显示框架周围的边框。 TF
height
  • pixels
  • %
规定 iframe 的高度。 TF
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。 TF
marginheight pixels 定义 iframe 的顶部和底部的边距。(应该是空白部分) TF
marginwidth pixels 定义 iframe 的左侧和右侧的边距。(应该是空白部分) TF
name frame_name 规定 iframe 的名称。 TF
scrolling
  • yes
  • no
  • auto
规定是否在 iframe 中显示滚动条。 TF
src URL 规定在 iframe 中显示的文档的 URL。 TF
width
  • pixels
  • %
定义 iframe 的宽度。 TF
分享到:
评论

相关推荐

    基于iframe的js动态标签tab

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

    iframe标签实现pdf预览功能

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

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

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

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

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

    html div+Iframe

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

    iframe标签实现网页部分刷新

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

    HTML经典教材-iframe详细介绍

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

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

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

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

    首先,`iframe`(Inline Frame)是HTML中的一个标签,用于在页面中嵌入另一个完整的网页。它通过`src`属性指定要加载的URL,可以用来展示外部网页、文档,甚至是本地的HTML文件。在本例中,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`的尺寸。默认情况...

    Ajax,jqgrid,标签页Iframe进销存代码

    在Web开发中,标签页(Tab)通常用于组织和展示多个相关但独立的内容区域,而Iframe(内联框架)则允许在一个HTML文档中嵌入另一个HTML文档。结合使用,可以实现动态加载和切换不同页面或应用,如不同的进销存模块,...

    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=...

    iframe缩小引用网页比例代码

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

    iframe自适应高度和宽度

    然而,在使用`iframe`时,如何使其高度和宽度能够根据内容自动调整,是开发者们经常遇到的问题之一。 #### 一、基本概念 在默认情况下,`iframe`的高度和宽度是固定的,需要开发者手动设置。当嵌入的内容发生变化...

    html列表标签

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

    html 网页加载

    `&lt;iframe&gt;`(Inline Frame)是HTML中的一个标签,用于嵌入另一个HTML文档或任何其他类型的内容到当前页面中。这在很多场景下非常有用,比如嵌入视频、地图或是广告等第三方内容。通过`&lt;iframe&gt;`标签,可以轻松实现...

    HTML标签解释大全

    ### HTML标签解释大全 #### 一、HTML标记 在HTML中,标记(也称为标签)是用来定义网页结构和布局的基本元素。以下是对部分常用HTML标签的详细介绍。 ##### 标签:!DOCTYPE - **说明**:`!DOCTYPE` 指定了HTML...

    html--4.框架标签

    在本讨论中,我们将深入探讨“html--4.框架标签”这个主题,重点关注`&lt;frameset&gt;`,`&lt;frame&gt;`和`&lt;iframe&gt;`这三个主要的框架标签。 首先,我们来了解`&lt;frameset&gt;`标签。`&lt;frameset&gt;`是框架结构的容器,它定义了网页...

    iframe中页面显示不全1

    `&lt;iframe&gt;`标签在HTML中是这样定义的: ```html &lt;iframe src="https://example.com" width="500" height="300"&gt;&lt;/iframe&gt; ``` `src`属性指定要加载的URL,`width`和`height`分别定义了iframe的宽度和高度。这些...

    iframe的2种用法

    以下是一个基本的`iframe`标签示例: ```html &lt;iframe src="http://example.com/嵌入的页面.html" width="600" height="400"&gt;&lt;/iframe&gt; ``` 在上面的例子中,`src`属性指定了要嵌入的页面URL,`width`和`height`则...

Global site tag (gtag.js) - Google Analytics