Как сделать так, чтобы ссылки открывали html файлов вместо привязки к той же странице? - PullRequest
Новая
       24

Как сделать так, чтобы ссылки открывали html файлов вместо привязки к той же странице?

0 голосов
/ 08 мая 2020

Я хочу изменить ссылки на панели навигации моей bootstrap темы на go, вместо перехода на той же странице на открытие новых страниц HTML. Вот код после того, как я заменил # ссылки на ссылки. 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>

1 Ответ

0 голосов
/ 08 мая 2020

Если вы хотите открывать новую вкладку в браузере каждый раз, когда вы щелкаете ссылку (элемент), все, что вам нужно сделать, это добавить к ней атрибут 'target = "_ blank"'.

Пример :

изменение 

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

на 

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

Если ваши ссылки вообще не работают, я хотел бы спросить, совпадают ли целевые страницы каталог страницы индекса. Поскольку, поскольку вы ссылаетесь на атрибут 'href', для правильной работы они должны быть там.

...