【问题标题】:How to load a link in an iframe in the whole browsertab?如何在整个浏览器选项卡的 iframe 中加载链接?
【发布时间】:2021-09-15 17:34:08
【问题描述】:

我想将我的标题放在一个 iframe 元素中,以便我可以在一个 css 中更改我网站的所有子页面的标题。但是当我单击标题中的链接时,新页面仅在 iframe 元素中加载。有没有办法让新页面加载到整个浏览器选项卡而不是 iframe 中?

【问题讨论】:

    标签: html css iframe header


    【解决方案1】:

    link target 确定链接在哪个视口中打开。要在父窗口中打开,请使用 _parent

    <a href="page2.html" target="_parent"> ... </a>
    

    也就是说,使用 iframe 包含常见内容是解决可访问性和 SEO 影响问题的一种非常丑陋的方法。我强烈建议您考虑使用静态站点生成器或 this answer 中的其他选项之一。

    【讨论】:

      【解决方案2】:

      您可以在 html 代码的 head 部分中链接一个 css 文件,如下所示:

      <head>
        <link rel="stylesheet" href="your-header-styles.css">
      </head>
      

      因此您不必使用 iframe。

      【讨论】:

      • 这可以改变标题的外观,但不能改变标题的内容。
      【解决方案3】:

      您无法从 iframe 中访问或控制父页面。

      如果你真的想用老式的方式来做,你可以使用frameset。但这在 HTML5 中不再受支持。

      【讨论】:

      • 这根本不是真的。通过 iframe 进行导航的方式与通过框架集进行的方式完全相同。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-20
      • 1970-01-01
      相关资源
      最近更新 更多