您的位置：首页 > Web前端 > HTML5

H5学习之12 iframe标签---内联框架

2016-07-31 18:56 253 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>

</head>
<body bgcolor="#ffe4c4" text="red">

<br/>
<iframe src="https://www.baidu.com/?tn=95505140_hao_pg" width="800" height="600" frameborder="0"></iframe>
<!--在界面里显示其他网页 src规定位置，也可以是本地的一个html文件，然后设置长度宽度，frameborder是是否有边框-->

<iframe src="" width="800" height="600" frameborder="1" name="aaa"></iframe>
<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="aaa">点击此处在上方右侧显示百度主页</a></p>
<!--这个是通过点击链接来在一定区域显示一个网页或者本地上的html文件，iframe要有name属性，a要有target属性-->

<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="_blank">aaa</a></p>
<!--a标签的target属性，可以定义打开位置
target="_blank" 可以在新窗口打开链接， 不设置的话就在原网页打开

然后还可以通过 在head标签里写一个base标签，他的target属性可以设置本页全部标签用新的窗口打开，除非是有的a标签单独设置了target属性
<base target="_blank"/>
-->
</body>
</html>

具体效果如下：

解释如下：

页面左边是一个直接打开的内联框架，打开了百度主页。

<iframe src="https://www.baidu.com/?tn=95505140_hao_pg" width="800" height="600" frameborder="0"></iframe>
<!--在界面里显示其他网页 src规定位置，也可以是本地的一个html文件，然后设置长度宽度，frameborder是是否有边框-->

右边也是一个内联框架，只不过没有打开任何网址。但是可以通过点击某处来打开网址。

<iframe src="" width="800" height="600" frameborder="1" name="aaa"></iframe>
<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="aaa">点击此处在上方右侧显示百度主页</a></p>
<!--这个是通过点击链接来在一定区域显示一个网页或者本地上的html文件，iframe要有name属性，a要有target属性-->

可以看到，iframe设置name属性，a设置target属性，属性值一样，即可将两者建立连接。

还有最下处的一个超链接

<p><a href="https://www.baidu.com/?tn=95505140_hao_pg" target="_blank">aaa</a></p>
<!--a标签的target属性，可以定义打开位置
target="_blank" 可以在新窗口打开链接， 不设置的话就在原网页打开

然后还可以通过 在head标签里写一个base标签，他的target属性可以设置本页全部标签用新的窗口打开，除非是有的a标签单独设置了target属性
<base target="_blank"/>
-->

关于超链接的一个操作

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5 iframe

相关文章推荐

新的分享

章节导航