2017-04-07 54 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

double使用'id =「contact」'將不起作用。身份證是獨一無二的,否則你會得到你不想擁有的副作用。並且您的解決方案不起作用。請測試它,如果你不確定 – TypedSource

+0

@TypedSource我同意,重複的ID可能會導致問題。您應該將其作爲答案發布,因爲這比現有答案更正確。 – 1283822

+0

是的你們都錯過了,因爲他們只是複製並粘貼了他的代碼。我現在正在編輯。 –

0

感謝您的幫助。是的,我忘了放置#(由於太多的變化/ toubleshooting)。

我已經把#和我使用了唯一的ID爲HREF - 這就像一個魅力工作!

再次感謝@TypedSource和@ user3713452的幫助!