当前位置：网站首页>分享一个最近遇到的标签＜iframe＞

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

2022-04-22 12:25:00 【云墨-款哥的博客】

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>

版权声明
本文为[云墨-款哥的博客]所创，转载请带上原文链接，感谢
https://blog.csdn.net/m0_56026872/article/details/117325838

边栏推荐

猜你喜欢

随机推荐