我是靠谱客的博主 酷酷心情,最近开发中收集的这篇文章主要介绍前端学习 -- 内联框架iframe,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

内联框架iframe

可以向一个页面中引入其他的外部页面

内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架

<iframe></iframe>

属性:

  1. src:外部页面的地址,可以使用相对路径
  2. width和height:可以设置框架的宽度和高度
  3. name:可以为内联框架指定一个名字,可以将该属性值设置为超链接的target属性的值,这样当点击超链接时,页面将会在相应的内联框架中打开

例子:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<iframe src="C:/Users/MSI1/Desktop/线程生命周期.png"></iframe>
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>
</body>
</html>

显示效果:

 

最后

以上就是酷酷心情为你收集整理的前端学习 -- 内联框架iframe的全部内容,希望文章能够帮你解决前端学习 -- 内联框架iframe所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

相关文章

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