HTML基础：十五. 框架
————EoralMilk： 2020, 2, 25
HTML 框架
- 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:
<iframe src="URL"></iframe>
- 该URL指向不同的网页。
Iframe - 设置高度与宽度
-
height 和 width 属性用来定义iframe标签的高度与宽度。
-
属性默认以像素为单位, 但是你可以指定其按比例显示 (如：”80%”)。
<iframe src="https://eoralmilk.github.io/2020/02/25/HTML%E5%9F%BA%E7%A1%80/" width="600" height="600"></iframe>
效果就这
Iframe - 移除边框
- frameborder 属性用于定义iframe表示是否显示边框。
设置属性值为 “0” 移除iframe的边框:
<iframe src="demo_iframe.html" frameborder="0"></iframe>
使用iframe来显示目标链接页面
- iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性，如下实例:
<iframe src="demo.html" name="iframe_1"></iframe>
<p><a href="https://eoralmilk.github.io/2020/02/25/HTML%E5%9F%BA%E7%A1%80/" target="iframe_1">html基础教程⑩</a></p>
注意： 因为 a 标签的 target 属性是名为 iframe_1 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。
HTML iframe 标签
| 标签 | 说明 |
|---|---|
<iframe> |
定义一个内联的iframe |
上篇：HTML基础：十四. 表单
下篇：HTML基础：十六. 颜色
Author: EoralMilk
Link: Post/2020/02/25/# HTML基础：十五. 框架
本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可
