功能：iframe标签用于定义内联框架。

语法：<iframe></iframe>

内联框架是在一个页面中嵌入另一个页面。

有很多网页看上去是一个网页，但实际上它其中可能镶嵌有其它网页，<iframe>标签就可以把其它网页无缝地嵌入在一个页面中。

<iframe>主要用于那些多个网页的共有部分，如导航栏、广告栏等。

HTML与XHTML之间的差异：无。

S：Strict，T：Transitional，F：Frameset
属性 值 描述 DTD
src URL 指定显示在框架中的文件。 TF
name 字符串 指定框架的名字。 TF
width 长度值或百分比 框架的宽度。 TF
height 长度值或百分比 框架高度。 TF
align left | right | top | middle | bottom 框架的对齐方式。该属性影响的是框架和周围文字的环绕关系。 TF
frameborder 0 | 1 是否显示框架的边框。 TF
scrolling yes | no | auto 是否显示滚动条。 TF
marginheight 长度值 框架内顶部和底部边距。 TF
marginwidth 长度值 框架内左侧和右侧边距。 TF
longdesc URL 描述此框架内容的长文档的URL。可为那些不支持框架的浏览器使用此属性。 TF

name属性：

name属性为框架窗口指定了名字，当需要让一个超链接在指定的框架中打开时，可以使用<a href="..." target="窗口名">...</a>的方式定义超链接。

scrolling属性：

如果设置scrolling="yes"，则该框架始终带滚动条；如果设置scrolling="no"，则该框架没有滚动条，如果框架内的文档超出了框架范围，将被裁切；如果设置scrolling="auto"，则该框架的滚动条取决于包含的文档尺寸，当文档没有超出框架范围，就不显示滚动条，当文档超出框架范围，就显示滚动条。

scrolling属性的默认值是"auto"。

iframe用法示意图：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<iframe src="https://www.taobao.com/" width="" height=""></iframe>

</body>

</html>

淘宝

 

iframe标签用法详解的更多相关文章

  1. iframe标签用法详解(属性、透明、自适应高度)

    1.iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架). HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1. ...

  2. iframe标签用法详解(属性、透明、自适应高度)（总结）

    <iframe src="http://www.jb51.net" width="200" height="500"> 脚本之家 ...

  3. ThinkPHP模板IF标签用法详解

    投稿:shichen2014 字体:[增加 减小] 类型:转载 时间:2014-07-01 我要评论 这篇文章主要介绍了ThinkPHP模板IF标签用法,需要的朋友可以参考下 ThinkPHP的IF标 ...

  4. JSTL标签用法 详解

    在JSP的开发中,迭代是经常要使用到的操作.例如,逐行的显示查询的结果等.在早期的JSP中,通常使用Scriptlets来实现Iterator或者Enumeration对象的迭代输出.现在,通过JST ...

  5. JSTL标签用法 详解(转)

    JSTL 核心标签库标签共有13个,功能上分为4类: 1.表达式控制标签:out.set.remove.catch 2.流程控制标签:if.choose.when.otherwise 3.循环标签:f ...

  6. HTML标签----图文详解（二）

    HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架<iframe&g ...

  7. html 05-HTML标签图文详解（二）

    05-HTML标签图文详解(二) #本文主要内容 列表标签:<ul>.<ol>.<dl> 表格标签:<table> 框架标签及内嵌框架<ifram ...

  8. Drawable实战解析：Android XML shape 标签使用详解（apk瘦身，减少内存好帮手）

    Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 circle 作为一个 View 的背景. ...

  9. CSS中伪类及伪元素用法详解

    CSS中伪类及伪元素用法详解   伪类的分类及作用: 注:该表引自W3School教程 伪元素的分类及作用: 接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的 ...

随机推荐

  1. python常用方法详解

    1,讲序列分解为单独的变量 p=(4,5) x,y=p print(x,y) 如果在分解中想丢弃某些特定的值,可以采用_来进行 data=['A','B','c','d'] _,name,age,_= ...

  2. android自定义控件（一）MeasureSpec 与 ListView.onMeasure

    A MeasureSpec encapsulates the layout requirements passed from parent to child. Each MeasureSpec rep ...

  3. pandas（五）处理缺失数据和层次化索引

    pandas用浮点值Nan表示浮点和非浮点数组中的缺失数据.它只是一个便于被检测的标记而已. >>> string_data = Series(['aardvark','artich ...

  4. 杭电1022Train Problem I

    地址:http://acm.hdu.edu.cn/showproblem.php?pid=1022 题目: Problem Description As the new term comes, the ...

  5. gc摘要

    1. Sun JDK 1.6 GC(Garbage Collector) http://bluedavy.com2010-05-13 V0.2 2010-05-19 V0.52010-06-01 V0 ...

  6. 【转】PCA与Whitening

    PCA: PCA的具有2个功能,一是维数约简(可以加快算法的训练速度,减小内存消耗等),一是数据的可视化. PCA并不是线性回归,因为线性回归是保证得到的函数是y值方面误差最小,而PCA是保证得到的函 ...

  7. 跟着实例学习ZooKeeper的用法： 分布式锁

    锁 分布式的锁全局同步, 这意味着任何一个时间点不会有两个客户端都拥有相同的锁. 可重入锁Shared Reentrant Lock 首先我们先看一个全局可重入的锁. Shared意味着锁是全局可见的 ...

  8. Python面试题之Super函数

    这是个高大上的函数,在python装13手册里面介绍过多使用可显得自己是高手 23333. 但其实他还是很重要的. 简单说, super函数是调用下一个父类(超类)并返回该父类实例的方法. 这里的下一 ...

  9. jQuery时间轴鼠标悬停动画

    在线演示 本地下载

  10. ubuntu linux 1604 编译安装tesseract-ocr 4.0

    主要参考官方的编译,梳理一下整个流程 Linux The build instructions for Linux also apply to other UNIX like operating sy ...