繁体   English   中英

如何使链接打开 html 文件而不是同页锚?

[英]How do I make links open html files instead of same-page anchor?

我想将引导主题导航栏中的链接更改为 go 从在同一页面上滑动到打开新的 HTML 页面。 这是我用.HTML 链接交换#links 后的代码。 有人可以告诉我在链接实际开始工作之前我还需要更改什么吗? 谢谢你。

 <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Here is Title</title>
<meta name="description" content="Here is description">
<meta name="keywords" content="content is here">

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Pinyon+Script" rel="stylesheet">
<link rel="stylesheet" href="css/styles-merged.css">
<link rel="stylesheet" href="css/style.min.css">

<!--[if lt IE 9]>
  <script src="js/vendor/html5shiv.min.js"></script>
  <script src="js/vendor/respond.min.js"></script>
<![endif]-->

   <!-- Fixed navbar -->

<nav class="navbar navbar-default navbar-fixed-top probootstrap-navbar">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html" title="uiCookies:FineOak">FineOak</a>
    </div>

    <div id="navbar-collapse" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#" data-nav-section="welcome">Home</a></li>
        <li><a href="cat1.html" data-nav-section="cat1.html">Category One</a></li>
        <li><a href="cat2.html">Category Two</a></li>
        <li><a href="cat3.html">Category Three</a></li>

      </ul>
    </div>
  </div>
</nav>

如果您希望每次单击链接(一个元素)时在浏览器中打开一个新选项卡,您所要做的就是在其上设置 append 'target="_blank"' 属性。

例子:

改变

<a href="cat3.html">Category Three</a>

<a href="cat3.html" target="_blank">Category Three</a>

如果您的链接根本不起作用,我想问一下目标页面是否在索引页面的同一目录中。 因为当您在“href”属性处引用时,它们必须在那里才能正常工作。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM