我想更改引导主题导航栏中的链接,从在同一页面上滑动到打开新的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>
如果你想在每次点击链接(一个元素(时在浏览器中打开一个新的选项卡,你所要做的就是在上面附加"target="_blank"属性。
示例:
更改
<a href="cat3.html">Category Three</a>
至
<a href="cat3.html" target="_blank">Category Three</a>
若你们的链接根本不起作用,我想问一下目标页面是否在索引页面的同一目录下。因为正如您在"href"属性中引用的那样,要想顺利工作,它们必须在那里。