分享一个最近遇到的标签＜iframe＞

最新推荐文章于 2024-04-27 00:33:37 发布

云墨-款哥的博客

最新推荐文章于 2024-04-27 00:33:37 发布

阅读量193

点赞数 2

分类专栏： DOM事件笔记文章标签： html css js web

本文链接：https://blog.csdn.net/m0_56026872/article/details/117325838

版权

笔记同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

DOM事件

7 篇文章 0 订阅

订阅专栏

W3C给的官方定义
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

W3C属性列表
在这里插入图片描述
前两天写项目时，遇到一个特别狗血的要求，就是在一个网页内部给出一个展示框，用来展示另外一个网页
下面是一个小demo

这里是具体代码块

<!--
 * @Description: 微信 biankuan1996
 * @version: 1.0
 * @Company: 云墨
 * @Author: biankuan
 * @Date: 2021-05-26 16:43:22
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-05-27 12:28:23
 * @FilePath: \H5+CSS3\05-26\10iframe.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>iframe</title>
    <style>
         iframe{
             width: 400px;
             height: 500px;
             /* background-color: red; */
         }
    </style>
</head>
<body>
    <!--   img  href
    iframe  标签用于在当前网页当中开辟一个新的窗口 显示另外一个网页
    行内块标签
    src  跳转网页的地址
    frameborder  0 没有 1 有边框
    -->
     <iframe src="./06导航.html" frameborder="1" name="myframe" ></iframe>
     <!-- target 目标 写为iframe 标签 name属性对应的值
      a标签指定 href的 链接会跳转到 对应的iframe里面
    -->
     <a href="http://baidu.com" target="myframe">百度一下 </a>
</body>
</html>