Question

我有这样的链接：

 <a class="faq_text_header_jump" href="#general_questions">General Questions</a><br>
  <a class="faq_text_header_jump" href="#how">How do i..</a><br>
  <a class="faq_text_header_jump" href="#once_you_book">Once you've booked lessons..</a>

像这样的目标：

<div class="faq_text_section_header" id="how"><h2>How do I...?</h2></div>

但我的第2和第3个链接不起作用。

请在此处查看示例：http://lessonshark.com/dev1/homes/faq

Answer 1

HTML有一个解决方案。

使用

<a name="target">

标记要跳转到的页面中的位置

<a href="page.html#target">

Answer 2

使用id属性指定链接的目标。这是推荐的做法，虽然较旧的<a name=...>...</a>也有效，但它更有限。在任何情况下，您不得做的是使用相同的名称两次指定目的地。目前标记有

<a name="how_do_i">
    <div class="faq_text_section_header" id="how_do_i" >How do I...?</div></a>

根据HTML 4.01和XHTML 1.0（虽然在HTML5草稿中允许），这是无效的，因为a元素不能包含div元素。更严重的是，这使得how_do_i被双重定义，这可能会导致任何事情。将此修复为

<div class="faq_text_section_header" id="how_do_i" >How do I...?</div>

并确保您的链接使用href="#how_do_i"（就像现在一样，但问题另有说法）。考虑将div设为h2（并相应调整样式表），因为它实际上是一个标题。

另请注意，在链接中

<a class="faq_text_header_jump"href="#how_do_i">How do i..</a>

href之前应该有一个空格。这只是正式的语法，但最好是正确使用，以便您可以有效地利用验证器。

Answer 3

您需要在文档中的某个位置使用命名锚点。

要创建命名锚点，只需使用以下HTML：

<a name="anynameyoulike"></a>

然后，您可以使用类似这样的链接跳回页面中的那一点：

<a href="#anynameyoulike">Jump to Named Anchor</a>

跳转到网页中的特定位置

3 个答案: