zoukankan      html  css  js  c++  java
  • iframe标签用法详解

     


     

    功能: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="1200" height="500"></iframe>
    </body>
    </html>
    淘宝
     
  • 相关阅读:
    MyEclipse快捷键大全
    重新整理,MyBatis3之Mapper封装
    重新整理,MyBatis3之初步,实体的增加、修改、删除、查询
    VUE学习二十,组件初步component
    SSIS探索之SSIS增量抽取数据
    VS2015 搭建.NET Core 开发环境
    用Middleware给ASP.NET Core Web API添加自己的授权验证
    后端开发都应该了解点接口的压力测试(Apache Bench版)
    基于OpenSSH+WinSCP完成Windows服务器之间的文件传输
    ASP.NET Core Authentication系列(二)实现认证、登录和注销
  • 原文地址:https://www.cnblogs.com/xuaijun/p/7706807.html
Copyright © 2011-2022 走看看