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

语法:<iframe></iframe>

注意: 在很多网页上使用某些公共部分时,需要给iframe 设置宽度,不然内容只会显示一部分

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

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

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

iframe 属性

name属性:

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

scrolling属性:

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

scrolling属性的默认值是"auto"。
原文链接:https://blog.csdn.net/baidu_25310663/article/details/47975561

更多iframe标签属性,访问下面链接

https://blog.csdn.net/baidu_25310663/article/details/47975561

H5 iframe标签的用法相关推荐

  1. html中iframe标签的用法详解

    <iframe>是什么?html中iframe标签的用法详解 原创  2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不 ...

  2. iframe是什么?html中iframe标签的用法详解

    经常进行页面布局的人对于HTML中的iframe标签一定不陌生,iframe标签是一个内联框架,说白了就是用来在当前 HTML 页面中嵌入另一个文档的.刚刚接触前端的小伙伴可能不知道html中ifra ...

  3. H5 video 标签的用法及问题

    h5的video标签的用法及问题 关于HTML5视频标签的问题 一.基本 *video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8 ...

  4. 表单标签和iframe标签的用法

    今天来看一下表单标签和frame标签的用法. 1. 表单标签 表单(form)是用户输入信息与网页互动的一种形式.大多数情况下,用户提交的信息会发给服务器,比如网站的搜索栏就是表单.表单由一种或多种的 ...

  5. H5 video标签的用法及问题

    关于HTML5视频标签的问题 一.基本 video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8的(Opera.Mozilla.Ch ...

  6. vue中使用h5 video标签实现弹窗播放本地视频

    参考h5 < video >标签的用法 在开发过程中主要涉及到以下几个需要关注的点 1.弹窗的打开关闭 父组件中使用.sync绑定visible属性,可直接在子组件中关闭弹窗更新父组件传入 ...

  7. iframe标签中写html代码,Iframe嵌套HTML网页的用法?

    iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...

  8. h5 iframe嵌套页面_关于解决iframe标签嵌套问题的解决方法

    问题描述 当我们使用easyui做后台管理系统的时候,会使用tree组件来实现树形菜单,而我们每点击一次相应菜单,会根据是否有url来判断是否是一级菜单,以及是否已经存在 //根据该节点名字判断该节点 ...

  9. div iframe 显示html,IE中iframe标签显示在DIV之上的问题解决方案

    在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡, 后在stackoverflow中查到是IE浏览器的问题:链接https://stackoverflow.com/questions ...

最新文章

  1. 如何使用Tmux提高终端环境下的效率
  2. test libvirt
  3. springmvc常用注解
  4. go语言 echo框架_如何在Go Echo Web框架中设置嵌套HTML模板
  5. java 画树_java – 如何绘制代表连接节点图的树?
  6. python的三种取整方式_python3.6 numpy 数组的多种取整方式
  7. AGV机器人(1)基于视觉避障的理论基础
  8. (转)超越文艺复兴,Two Sigma成为全球量化基金新霸主
  9. 2021最新SSM博客,功能完善,初云博客增强版
  10. Maya2018安装报错:visual c++ 2010 sp1 错误代码1612
  11. git add 后git reset --hard xxx的代码丢失,代码如何找回
  12. 1-思科IOS设备管理
  13. “云原生”技术公开课第3章:Kubernetes 核心概念
  14. android原生系统 抽屉,Android N或取消原生应用抽屉
  15. 笔记本电脑开机白屏怎么处理
  16. matlab解决力学问题程序,力学专业程序实践:用MATLAB解决力学问题的方法与实例...
  17. CLH Lock 原理
  18. 如何显示密件抄送人员地址_什么是密件抄送,以及为什么不使用它会成为一个可怕的人...
  19. Iterator 的用法
  20. java 成绩_java输出各种学生成绩

热门文章

  1. test api mis
  2. echarts柱状图实现正负值不同颜色在上方显示数值
  3. 个人项目部署至腾讯云服务器 用ip或者域名直接访问 详细步骤及注意点! 适合新手
  4. 互联网公司和外包公司有什么区别?为什么有些程序员不想进外包公司?
  5. 深夜切题——PAT (Basic Level)-1015
  6. 【人工智能】人工智能发展简史 | 复习笔记
  7. JavaScript_第一天
  8. 快速定位线上慢 SQL 问题,掌握这几个性能排查工具可助你一臂之力
  9. Creo 5.0软件安装教程|兼容WIN10
  10. gitee 上删除远程仓库