0

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

 <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>
4

1 回答 1

0

如果您希望每次单击链接（元素）时都在浏览器中打开一个新选项卡，那么您所要做的就是在其上附加 'target="_blank"' 属性。

例子 ：

改变

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

至

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

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

于 2020-05-08T15:32:53.940 回答