<iframe>（内联框架）是 HTML 中的一个标签，用于在当前文档中嵌入另一个文档。它提供了一种将一个 HTML 文档嵌套到另一个文档的方式，允许在一个页面中显示另一个页面的内容。以下是关于 <iframe> 的一些常见用法和意义：

iframe本质就是引入，在页面中嵌入另一个页面。一般会用来嵌入视频、音乐、新闻、地图等

一些老的浏览器不支持 iframe。

如果得不到支持，iframe 是不可见的。

1. 嵌入其他网页：

<body>

<iframe src="https://www.baidu.com"></iframe>

</body>

通过指定 src 属性，可以将另一个网页嵌套到当前页面中。这对于在一个页面中显示来自不同源的内容非常有用，比如在博客中嵌入视频或其他网页。

2. 嵌入媒体元素：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

</head>

<body>

<iframe src="http://mediaplay.kksmg.com/2022/07/25/h264_720p_600k_39038-DFTVHD-20220725175000-4800-310117-600k_mp4.mp4"></iframe>

<p>一些老的浏览器不支持 iframe。</p>

<p>如果得不到支持，iframe 是不可见的。</p>

</body>

</html>

可以使用 <iframe> 来嵌入音频或视频播放器。在这种情况下，被嵌入的页面（例如 video.html）通常包含了相应的媒体元素和控制器。

3. 内联框架的大小和样式：

<body>

<iframe src="content.html" width="600" height="400" style="border: 1px solid #ccc;"></iframe>

</body>

可以通过设置 width 和 height 属性来指定 <iframe> 的大小，并通过 style 属性来应用样式，例如添加边框。

4. 嵌入地图：

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d...." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

Google 地图和其他地图服务通常提供通过 <iframe> 将地图嵌套到网页的代码。

5. 与外部应用集成：

<iframe src="https://www.baidu.com/maps/embed?pb=!1m18!1m12!1m3!1d...." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

可以使用 <iframe> 将外部应用（如日历）嵌套到网页中，以便用户在网页上直接访问相关功能。

6. 安全性和沙盒：

<iframe> 具有沙盒属性，可以用于增强安全性。通过在 <iframe> 中添加 sandbox 属性，可以限制被嵌套页面的行为，防止恶意代码对父页面的影响。

<iframe src="https://www.example.com" sandbox="allow-same-origin allow-scripts"></iframe>

请注意，使用 <iframe> 时应当注意安全性问题，避免嵌入不受信任的内容，以防止潜在的安全风险。

Python——Html（内联框架<iframe>）的更多相关文章

  1. HTML5 内联框架iFrame

    由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这里只是举例说明一下,当下还在使用的内联框架iFrame 所谓的iFrame内联框架,我的理解就是在网页内部 ...

  2. 前端学习 -- 内联框架iframe

    内联框架iframe 可以向一个页面中引入其他的外部页面 内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 <iframe></iframe> 属性: sr ...

  3. [19/06/04-星期二] HTML基础_实体(转义字符)、图片标签(img)、元标签(meta)、语法规范、内联框架(iframe)、超链接

    一.实体(转义字符) 在HTML中,一些诸如<.> 就是普通的小于号和大于号不能直接使用,因为浏览可能会把它当成一个标签去解析,所以需要一些特殊字符去表示这些特殊字符, 这些字符我们称他们 ...

  4. HTML的内联框架(iframe)

    HTML的内联框架(iframe) 第一种:打开网页就是带内联框架的页面 可以实现在自己的网页内部,打开另一个网页 语法: <!--src:地址frameborder:0为无边框:1为有边框-- ...

  5. 第48天学习打卡（HTML 行内元素和块元素 列表 表格 视频和音频 页面结构分析 iframe内联框架 表单语法 ）

    行内元素和块元素 块元素 ​ 无论内容多少,该元素独占一行 ​ (p.h1-h6) 行内元素 ​ 内容撑开宽度,左右都是行内元素的可以排在一行 ​ (a.strong.em...) 列表 什么是列表 ...

  6. 计算机网络之iframe内联框架跨域

    iframe框架同源下的数据调用 iframe框架非同源下的数据传输 一.iframe框架同源下的数据调用 1.父窗口向子窗口获取数据 //html1父级窗口 <iframe src=" ...

  7. __x__(14)0906第三天__<iframe> 内联框架 引入有一个外部html页面

    在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe ...

  8. Iframe内联框架

    iframe:内联框架标签,用于在网页中任意的位置嵌入另一个网页 <iframe src="url地址"> </iframe> iframe标签的常用属性 ...

  9. 重写iframe内联框架中的内容

    重写iframe内联框架中的内容,不使用src指向页面url,主动写入HTML代码: var ifr = document.getElementById("CMBC-certificatio ...

  10. HTMLA内联框架

    <head> <meta charset="utf-8" /> <title>内联框架</title> </head> ...

随机推荐

  1. Gradle 设置全局镜像源

    复制 init.gradle.kts 文件到 Windows 的 %USERPROFILE%/.gradle 或者 Linux 的 ~/.gradle 目录下.也可以直接复制文末的代码为 init.g ...

  2. 数据泵(impdb)导入Oracle分片的数据库dump文件

    数据泵(impdb)导入Oracle数据库 一.sqlplus登录目标数据库,创建导入的目录路径 #该目录要在导入的数据库本机建立,如果是docker就在容器内部创建 create directory ...

  3. MySQL系列之主从复制基础——企业高可用性标准、主从复制简介、主从复制前提(搭建主从的过程)、主从复制搭建、主从复制的原理、主从故障监控\分析\处理、主从延时监控及原因

    文章目录 0.企业高可用性标准 *** 0.1 全年无故障率(非计划内故障停机) 0.2 高可用架构方案 1. 主从复制简介 ** 2. 主从复制前提(搭建主从的过程) *** 3. 主从复制搭建(C ...

  4. 【RocketMQ】RocketMQ存储结构设计

    CommitLog 生产者向Broker发送的消息,会以顺序写的方式,写入CommitLog文件,CommitLog文件的根目录由配置参数storePathRootDir决定,默认每一个CommitL ...

  5. jmeter的基本功能使用

    jmeter安装配置 1.可以参考教程:https://blog.csdn.net/lfmsky1/article/details/88631190 jmeter简单基础使用步骤 (1)添加线程组 ( ...

  6. 记一次基于 PowerShell 的 Git 自动化部署 Java 多服务实践

    前言 有这么一个自动化部署的需求,凑巧 git 还直接建立在测试服务器上,部署后可以直接在测试服务器上演示 步骤 建立 Git 仓库 与一般的 Git 部署一样,区别是需要添加 --bare 开关,这 ...

  7. 【Unity3D】动态路径特效

    1 前言 ​ 本文通过导航系统(NavMeshAgent)和线段渲染器(LineRenderer)实现了角色走迷宫和绘制路径功能,同时实现动态路径特效. ​ 导航系统的介绍详见博客:导航系统.分离路面 ...

  8. slice简介

    简介 Go语言中的切片(slice)是一种灵活的数据结构,它构建在数组之上并提供了方便的方式来操作数组的一部分.切片的底层实现涉及到数组和一些元数据.以下是Golang切片的底层实现的详细介绍: 底层 ...

  9. ELK日志企业案例：（5.3版本）

    1.shell三剑客同居.分析nginx日志: 1)在企业生产环境中,日志内容主要用来做什么? 日志内容主要用于运维人员.开发人员.DBA排错软件服务故障的,因为通过日志内容能够第一时间找到软件服务的 ...

  10. Lazyload 延迟加载效果（转）

    http://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.html Lazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏 ...