<iframe>

本文详细介绍了HTML中的iframe标签,包括其定义、使用方法及各种属性如height、width、name等,并提供了具体的使用示例。

■ 定义

标记一个内联框架

一个内联框架被用来在当前HTML文档中嵌入另一个HTML文档

iframe代表单词Inline frame,意为内联框架

■ 使用说明

▶ 可把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对不支持<iframe>的浏览器

▶ 请使用CSS为<iframe>(包括滚动条)定义样式

■ 属性

□ height属性

定义:规定 <iframe> 的高度

值:任意数字,单位是px

□ width属性

定义:规定 <iframe> 的宽度

值:任意数字,单位是px

□ name属性

定义:规定<iframe>的名称

值:任意自定义名称

□ sandbox属性

定义:对<iframe>的内容定义一系列额外的限制

值:以下固定值:
  ▶ ""

  ▶ allow-forms

  ▶ allow-same-origin

  ▶ allow-scripts

  ▶ allow-top-navigation

□ seamless属性

定义:规定<iframe>看起来像是父文档中的一部分(没有边框和滚动条)

   seamless属性是一个布尔属性

值:没有具体值,直接在写属性名"seamless"

使用示例:

<iframe src="demo_iframe.htm" width="200" height="200" seamless></iframe>

注:只有 Chrome 和 Safari 6 支持 <iframe> 标签的 seamless 属性

□ src属性

定义:规定在<iframe>中显示的HTML文档的URL

值:HTML文档的URL地址

□ srcdoc属性

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

值:一些HTML代码

□ 全局属性

<iframe>标签支持HTML的全局属性

□ 事件属性

<iframe>标签支持HTML的事件属性

■ 使用示例

<iframe src="http://www.iframe.com"></iframe>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值