2017-04-07 5 views
0

同じページ内のhtml5セクションにリンクすることはできません。ここで html5でリンクする

はコードです:

<div id="nav"> 
    <ul> 
     <li><a href="contact">Contact</a></li> 
     <li><a href="services">Services</a> </li> 
     <li><a href="about">About</a></li> 
     <li><a href="home">Home</a></li> 
    </ul> 
</div>` 

<div id="contact"> 
    <h2 id="contact">How to find Us?</h2> 

はなぜ同じページの「連絡先」に行っていないが、新しいページを開くしようとしている: "http://example.com/contact

+1

のIDは一意であるはずです。 idは一度だけ使用してください。 – Ibu

答えて

2
<a href="#contact">Contact</a> 

<div id="contact">my contact</div> 

あなたが忘れてしまいました? #

0
<ul> 
     <li><a href="#yourAnchor">Contact</a></li> 
    </ul> 

<a name="yourAnchor"></a>  
<div id="contact"> 
    <h2>How to find Us?</h2> 
</div> 

これを試してみてください。

+0

'id =" contact "を使った二重は動作しません。 idはユニークです。そうしないと、あなたが望みたくない副作用が発生します。あなたの解決策は機能しませんでした。 – TypedSource

+0

@TypedSource私が同意すると、重複したIDが問題を引き起こす可能性があります。既存の回答よりも正しいので、回答として投稿する必要があります。 – 1283822

+0

はい、コードをコピーして貼り付けただけなので、両方が間違っていました。私は今すぐ編集中です。 –

0

ありがとうございました。はい、私は#を置くのを忘れていました(変更が多すぎる/問題が発生したため)。

#と私はhrefの一意のIDを使用しました - それは魅力的に機能しました!

もう一度@TypedSourceと@ user3713452さんのお手伝いをしてください!

関連する問題