HTML5-iframe内联框架(在当前的页面引用另一个页面)

<iframe src="path" name="mainFrame" ><liframe>

src:引用页面地址
name:框架标识名

标签作用:把另一个页面的内容引入到当前页面

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title标签</title>
</head>
<body>
  <!-- 
    src:引用页面地址
    name:框架标识名
    
    -->
  <!-- bilibili:-->
    <iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> 
  </iframe>
  <!-- iframe:内联框架
        src:地址
        w-h:宽度/高度
        
  下方例子:使用name属性,使用链接的锚点功能,在当前页面创建一个小窗口,引用https://www.cnblongs.com页面
    -->
  <iframe src="" name="hello" frameborder="0"> </iframe>
    <a href="https://www.cnblogs.com" target="hello">点击跳转</a><!--会在当前页面中出现一个窗口打开对应的链接-->
  
</body>
</html>

 

posted @ 2022-06-14 17:23  hollg  阅读(260)  评论(0编辑  收藏  举报