HTMLアンカーを使う

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• HTMLアンカーを使用した目次を持つWebページを構築する際、トップリンクをクリックしても、ページ内の正しい場所にリダイレクトされないことがある。

環境

• DXP 7.0、DXP 7.1

解像度

最新のHTML規約では、 href="#" と id= のペアリングを使用しています。 Web要素が一致していること、つまり各hrefに対応するidがあることを確認します。 次に、Web要素がユニークであることを確認します。同じ名前のアンカーを2つ持つことはできません。

以下に例を示します。

<h3><a href="#chapter1">第1章</a><h3> は目次の部分に入りながら

<h3><a id="chapter1">第1章</a><h3> は本文に入ります。

また、 href="#" と id=" は、余分な(<a> </a>)を落とすことで、 <h3> の中に安全にネストできるケースもあることに注意してください。

追加情報

• 詳しくは、 w3schools.com's HTML tutorialをご覧ください。