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 @   hollg  阅读(273)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML5-超链接标签及应用（页面链接、锚点链接：跳转其他页面的任意位置/或者跳转回顶部、功能性链接：邮箱链接、qq链接）
·  HTML5-网页基本信息
·  11 iframe内联框架
·  iframe内联框架
·  iframe内联框架
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手