0

我有这样的链接：

 <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>

但是我的第二个和第三个链接不起作用。

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

4

3 回答 3

6

HTML 有一个解决方案。

利用

<a name="target">

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

<a href="page.html#target">
于 2012-04-06T07:16:14.883 回答
1

使用该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。这只是形式上的语法，但最好把它弄对，这样你就可以有效地利用验证器。

于 2012-04-06T10:29:14.340 回答
0

您需要在文档中的某处命名锚点。

要创建一个命名锚点，只需像这样使用 HTML：

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

然后，您可以使用如下链接跳回到页面中的该点：

<a href="#anynameyoulike">Jump to Named Anchor</a>
于 2012-04-06T07:19:27.003 回答