菜鸟教程 -- 学的不仅是技术,更是梦想!

HTML 教程
(追記) (追記ここまで)

HTML 框架


通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

[フレーム]

iframe语法:

<iframe src="URL"></iframe>

该URL指向不同的网页。


iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。

实例

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

尝试一下 »


iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 "0" 移除iframe的边框:

实例

<iframesrc="demo_iframe.htm"frameborder="0"></iframe>

尝试一下 »


使用 iframe 来显示目标链接页面

iframe 可以显示一个目标链接的页面

目标链接的属性必须使用 iframe 的属性,如下实例:

实例

<iframesrc="demo_iframe.htm"name="iframe_a"></iframe><p><ahref="https://www.runoob.com"target="iframe_a"rel="noopener">RUNOOB.COM</a></p>

尝试一下 »


HTML iframe 标签

标签 说明
<iframe> 定义一个内联的iframe
AI 思考中...

1 篇笔记 写笔记

  1. #0

    出于有些网页不希望被嵌套, 响应头中有一选项

    X-Frame-Options

    他有三个可配置值

    DENY:表示该网站页面不允许被嵌套,即便是在自己的域名的页面中也不能进行嵌套。
    SAMEORIGIN:表示该页面可以在相同域名页面中被嵌套展示。
    ALLOW-FROM uri:表示该页面可以在指定来源页面中进行嵌套展示。
    5年前 (2021年03月13日)

点我分享笔记

  • 昵称 (必填)
  • 邮箱 (必填)
  • 引用地址

AltStyle によって変換されたページ (->オリジナル) /