前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 ><iframe>标签

<iframe>标签

作者头像
Html5知典
发布2019-11-29 14:19:04
8780
发布2019-11-29 14:19:04
举报
文章被收录于专栏:Html5知典

用途

<iframe> 标签(又称内联框架元素)表示了一个嵌套的浏览上下文(browsing context),实际上是用来在当前页面中内嵌另一个HTML页面。

例子

代码语言:javascript
复制
<iframe src="./iframe"></iframe>

标准属性

属性

描述

H5新

height

像素格式,或百分比格式指定frame的高度。

name

像素格式,或百分比格式指定frame的高度。

sandbox

启用一系列对<iframe>中内容的额外限制。allow-same-origin: 允许将内容作为普通来源对待。如果未使用该关键字,嵌入的内容将被视为一个独立的源。link(拖动数据会产生指向原始数据的链接)。allow-top-navigation:嵌入的页面的上下文可以导航(加载)内容到顶级的浏览上下文环境(browsing context)。如果未使用该关键字,这个操作将不可用。allow-forms: 允许嵌入的浏览上下文可以提交表单。如果该关键字未使用,该操作将不可用allow-scripts: 允许嵌入的浏览上下文运行脚本(但不能window创建弹窗)。如果该关键字未使用,这项操作不可用。

seamless

规定 <iframe> 渲染成是容器页面文档的一部分。

src

嵌套页面的URL地址。

srcdoc

规定在 <iframe> 中显示的页面的 HTML 内容。

width

像素格式,或以百分比格式指定frame的宽度。

  • allow-same-origin: 允许将内容作为普通来源对待。如果未使用该关键字,嵌入的内容将被视为一个独立的源。
  • link(拖动数据会产生指向原始数据的链接)。
  • allow-top-navigation:嵌入的页面的上下文可以导航(加载)内容到顶级的浏览上下文环境(browsing context)。如果未使用该关键字,这个操作将不可用。
  • allow-forms: 允许嵌入的浏览上下文可以提交表单。如果该关键字未使用,该操作将不可用
  • allow-scripts: 允许嵌入的浏览上下文运行脚本(但不能window创建弹窗)。如果该关键字未使用,这项操作不可用。

✔seamless规定 <iframe> 渲染成是容器页面文档的一部分。✔src嵌套页面的URL地址。 srcdoc规定在 <iframe> 中显示的页面的 HTML 内容。✔width像素格式,或以百分比格式指定frame的宽度。

变更点

<iframe> 标签在HTML5与HTML4.01之间存在如下差异

  • HTML5有一些新的属性,同时不再支持以下的HTML4.01属性
  1. longdesc 规定一个页面,该页面包含了有关 iframe 的较长描述。
  2. marginheight 框架内容到框架的上下边距,以像素格式表示。
  3. marginwidth 规定是否在 iframe 中显示滚动条。
  4. scrolling 原用于指定目标 URL 与当前文档之间的关系。

表格资料:

<caption>标签

<col>标签

<colgroup>标签

<td>标签

<tr>标签

<th>标签

<tfoot>标签

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-08-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 变更点
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档