問題
- 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をご覧ください。