Как сделать закладку с использованием идентификатора и ссылки в качестве правильной ссылки? - PullRequest
Новая
       37

Как сделать закладку с использованием идентификатора и ссылки в качестве правильной ссылки?

0 голосов
/ 06 марта 2020 

<!DOCTYPE html>
<html lang="en-US">

<head>
  <title>Shanghaiers' TV &amp; Radio - Television</title>
  <meta charset="UTF-8">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style-tvradio.css">
  <link href="https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911" rel="stylesheet">
  <base href="NEED MAIN WEBSITE ADDRESS HERE">
</head>

<body>	
  <h3>Shanghaiers' Television</h3>
  <section>
	<div>
	  <ul>
	    <li><a href="tv/allvideos.html">All Videos</a></li>
		<li><a href="#concert">Concerts</a></li>
		<li><a href="#nn">Native Nations</a></li>
		<li><a href="#human">Human Trafficking</a></li>
		<li><a href="#sacred">Sacred Lands</a></li>
		<li><a href="#story">Story Telling</a></li>
		<li><a href="#bigfoot">Big Foot &amp; Sasquatch</a></li>
		<li><a href="#interview">Interviews</a></li>
		<li><a href="#psa">Public Service Announcements</a></li>
		<li><a href="#shanghai">Shanghai Tunnels</a></li>
	  </ul>
	</div>
  </section>
  
	<h3 id="concert">Concerts</h3>
		  <p>en Taiko</p>
		  <p>Maiah Wynee</p>
  
    <h3 id="nn">Native Nations</h3>
		<p>Native American Music</p>
		<p>Occupation of Malheur Wildlife Refuge</p>
		<p>NAYA Canoe Family</p>
		<p>Grand Ronde Tribe Disenrollment &amp; Chinook Language</p>
   
    <h3 id="human">Human Trafficking</h3>
       <p>More info here...</p>

    <h3 id="sacred">Sacred Lands</h3>
       <p>More info here...</p>

    <h3 id="story">Story Telling</h3>
       <p>More info here...</p>
  
</body>
</html>

Я создал закладки на странице для перехода из меню навигации в другие места на странице. Это было сделано с помощью id = "name"; с местом в меню навигации. При тестировании кода эти закладки / ссылки не работают. Они либо ничего не делают, либо показывают сообщение об ошибке, что страница не может быть найдена.

Нахождение чего-то, что говорит, что добавление дополнительного '#' в тег привязки решит проблему. Это ничего не делает. Ex. -.

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

1 Ответ

0 голосов
/ 06 марта 2020

Вам просто нужно удалить неисправный тег baseref, чтобы он заработал. 

<!DOCTYPE html>
<html lang="en-US">

<head>
  <title>Shanghaiers' TV &amp; Radio - Television</title>
  <meta charset="UTF-8">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style-tvradio.css">
  <link href="https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911" rel="stylesheet">
</head>

<body>
  <h3>Shanghaiers' Television</h3>
  <section>
    <div>
      <ul>
        <li><a href="tv/allvideos.html">All Videos</a></li>
        <li><a href="#concert">Concerts</a></li>
        <li><a href="#nn">Native Nations</a></li>
        <li><a href="#human">Human Trafficking</a></li>
        <li><a href="#sacred">Sacred Lands</a></li>
        <li><a href="#story">Story Telling</a></li>
        <li><a href="#bigfoot">Big Foot &amp; Sasquatch</a></li>
        <li><a href="#interview">Interviews</a></li>
        <li><a href="#psa">Public Service Announcements</a></li>
        <li><a href="#shanghai">Shanghai Tunnels</a></li>
      </ul>
    </div>
  </section>

    <h3 id="concert">Concerts</h3>
    <p>en Taiko</p>
    <p>Maiah Wynee</p>

    <h3 id="nn">Native Nations</h3>
    <p>Native American Music</p>
    <p>Occupation of Malheur Wildlife Refuge</p>
    <p>NAYA Canoe Family</p>
    <p>Grand Ronde Tribe Disenrollment &amp; Chinook Language</p>

    <h3 id="human">Human Trafficking</h3>
    <p>More info here...</p>

    <h3 id="sacred">Sacred Lands</h3>
    <p>More info here...</p>

    <h3 id="story">Story Telling</h3>
    <p>More info here...</p>

</body>

</html>
...