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>

しかし、私の 2 番目と 3 番目のリンクは機能しません。

ここで例を参照してください: 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>制限はありますが、古いものでも機能しますが、これは推奨される方法です。いかなる状況でもしてはいけないことは、同じ名前を使用して宛先を 2 回指定することです。現在、マークアップには

<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 に答える