Как создать постоянную ссылку для моей страницы?

Question

Я создал страницу часто задаваемых вопросов с более чем 60 вопросами в ней. Теперь я хочу создать ссылку на каждый вопрос, чтобы я мог предоставить ссылку в своем блоге, и при нажатии пользователи могут напрямую приземлиться на этот вопрос необходимости пройти всю страницу часто задаваемых вопросов. Итак, как я могу создать ссылку? Я использую только html, css и javascript. Так может кто-то помочь мне с этим?

Answer 1

Вы можете использовать якоря.

Пример из W3Schools:

Добавить идентификатор атрибута к любому элементу:

<a id="tips">Useful Tips Section</a> 

Затем создайте ссылку на элемент (Полезные советы раздел):

<a href="#tips">Visit the Useful Tips Section</a> 

Или создать ссылка на элемент (раздел полезных советов) с другой страницы:

<a href="http://www.w3schools.com/html_links.htm#tips">Visit the Useful Tips Section</a> 

http://www.w3schools.com/html/html_links.asp

Answer 2

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

Это может быть достигнуто путем создания упорядоченного списка и перечисления вопросов.

Тогда вы можете связать свои вопросы, чтобы, когда человек нажимает на вопрос, он направляется в точное место, где находится страница. Это может быть достигнуто с помощью якорей, как сказал Явор.

Вам в первую очередь необходимо создать идентификатор для каждого вопроса, например:

<div id="question1">Here is a question</div> 
<div>Here is the answer to the question</div> 

А потом в заказном меню, создать якорь на соответствующий вопрос в вашем FAQ:

<ul><li><a href="#question1">This will take you to question 1</a></li></ul> 

Answer 3

Добавить скрипт ниже, чтобы его прокрутка плавно

<a href="#question1">1. How to log out?</a><br/> 

<h3 id="question1">1. How to log out?</h3> 
<p>Answer...</p> 

<script> 
    $(function() { 
     $('a[href*=#]:not([href=#])').click(function() { 
      if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 
       var target = $(this.hash); 
       target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 
       if (target.length) { 
        $('html,body').animate({ 
         scrollTop: target.offset().top - 65 
        }, 1000); 
        return false; 
       } 
      } 
     }); 
    }); 
</script>