HTML <iframe> 标签

最新推荐文章于 2022-05-12 09:38:05 发布
最新推荐文章于 2022-05-12 09:38:05 发布
阅读量51 收藏
点赞数
文章标签： xhtml

参考地址：http://www.w3school.com.cn/tags/tag_iframe.asp

----------------------------------------------------------

定义和用法

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

 

与a标签的比较——如果不想点击而自动地把访问地址的内容包含至本页面就用iframe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<!--iframe--图片-->
<!--<iframe width="100%" height="100%" frameborder="0" src="iframe.jpg"></iframe>-->

<!--iframe--url   自动访问地址，把目标地址的页面内容包含至本页面-->
<iframe width="100%" height="100%" frameborder="0" src="https://www.baidu.com"></iframe>

<!--a标签   手动点击访问，跳转至目标页面-->
<a href="https://www.baidu.com">a标签</a>
<body>
</body>
</html>

效果：

 

weixin_34295316
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iframe
kexijun20014的专栏
08-10 2368
  学习HTML：iframe用法总结收藏 收藏 是框架的一种形式，也比较常用到。 一：几个例子——演示iframe的基本用法例1：不用多说了，iframe的各个属性含义如下：width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder  边框大小；注意：URL建议用
a标签的target链接指向iframe的方法
09-28
首先，`<iframe>`标签是HTML中用于嵌入另一个文档的元素，它可以在同一个页面内显示来自不同源的内容。`<iframe>`有两个重要的属性：`id`和`name`。`id`用于唯一标识一个元素，而`name`则在`target`属性中起到关键...
iframe的用法
12-19
java中简单易用的框架技术，实现一个页面内点击左边的超链接可以在右边显示具体的内容。类似frameset，但是比frameset更好用更方便
iframe 用法
Moqin
02-26 868
是框架的一种形式，也比较常用到。 　　例子1。 不用多说了。 　　width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder  边框大小； 　　注意：URL建议用绝对路径 　　传说中百DU用： 黑了88*8。。。 　　例子2。 　　如果一个页面里面有框架
Iframe的用法
清音无限的专栏
10-21 1067
纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、 广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些点缀的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次 下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 　　答案很肯定：应用Iframe标记！ 　　一、Iframe标记的使用 　　提
HTML中iFrame标签的两个用法介绍
12-13
HTML中的`<iframe>`标签是一种非常实用的网页嵌入技术，它可以用来在当前页面中加载另一个独立的HTML文档，从而实现各种丰富的交互效果。本文主要介绍`<iframe>`标签的两个常见用途：作为弹出层铺底覆盖以及跨域写入...
HTML5标签小集
09-28
实际上还有更多如`<details>`（定义可折叠的详情/摘要）、`<figure>`（用于图像、图表等媒体的容器）、`<form>`（创建表单）、`<header>`（页面或节的头部）、`<footer>`（底部信息）、`<iframe>`（内联框架，用于...
html5常用标签.txt
11-18
**`<iframe>`**: 内嵌框架，用于在页面中嵌入另一个HTML文档。 #### 九、样式化文本标签 1. **`<h1>-<h6>`**: 标题标签，从主标题到子标题递减。 2. **`<p>`**: 段落标签，用于定义文本段落。 3. **`<br>`**: ...
iframe使用方法
蓝冰凌的博客
09-04 2321
工作中很多情况下，尤其是新旧项目更替时，我们不得不使用iframe来嵌套页面。iframe使用起来十分简单，使用方式如下： import React, { Component } from 'react'; import "@/config.js"; export default class AdvancedAnalysis extends Component { constr...
前端学习（38）：css颜色小练习
歌谣的博客
12-07 353
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
iframe的各种用法
大山博客
05-14 2428
1.获取iframe 常用获取元素的方法，dom ,jQ等; var ifr = document.getElementById(‘mainIframe0’) 2.获取iframe 元素值 ifr.contentWindow 拿到的是window 对象 Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, …} ...
js html生成vcf 导入通讯录 一键运行 txt转vcf
我不喜欢这个世界
07-21 977
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <di.
iframe的使用
huangbaokang的博客
05-30 425
&lt;body&gt; &lt;iframe src="iframe01.html" name="icontent" id="icontent"&gt;&lt;/iframe&gt; &lt;h1&gt;Main Content Area&lt;/h1&gt; &lt;h2&gt; &lt;a href="page1.html
iframe用法详解
特战程序员
03-27 1905
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面， 提示：HTML 与 XHTML 之间的差异：在HTML4.1 Strict DTD和XHTML1.0 Strict DTD中，不支持iframe元素，可以把需要的文本放置在和之间，这样就可以应对无法理解iframe的浏览器。 iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使i...
＜iframe＞＜/iframe＞使用
qq_48294048的博客
05-12 166
第一步： 第二步： 第三步：
HTML语法：浮动框架<iframe>与列表标签详解
"HTML语法教材，包括<iframe>标签的使用以及列表标签（无序列表、有序列表、嵌套列表和自定义列表）和超链接标签<a>的介绍。" 在HTML语法中，`<iframe>`标签是一个非常重要的元素，它允许你在一个HTML文档中嵌入另...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值