2015-08-26 213 views
0

我正在尋找鏈接到另一個頁面上的錨點的方法。我已經做了一些研究,並添加了id s,但它仍然不起作用。鏈接到另一頁上的錨點

這裏是鏈接的代碼片段:

<div class="col-md-15 col-sm-3"> 
    <h5 class="text-info">SALES</h5> 
    <a href="sales-training-tabs.html" id="#sc">Read More &raquo;</a> 
</div> 

我想「瞭解更多」鏈接將用戶引導到頁面上的指定區域被鏈接。我有其他的頁面上幾個部分看起來像這樣:

<div class="col-xs-12 col-sm-7 col-lg-12"> 
    <h2 id="#sc">Sales Curriculum</h2>    
</div> 

如何從以前的網頁鏈接到特定h2

+0

你通過*新的方式意味着什麼來創建一個阿克爾* –

+1

究竟是什麼你試圖完成?點擊「閱讀更多」爲我工作。 – saadq

+0

請在自己的問題中包含代碼,或者更好的是SO代碼片段,編輯器中的<>按鈕。請參閱:http://stackoverflow.com/help/mcve。基本上不要給我們整個頁面/網站進行調試,只是足夠的代碼來創建問題。 –

回答

0

在腳註中的鏈接無處可去<href='#'> 這樣做:

<a href="index.html">Home</a> 
<a href="about.html">About<br>Schneider</a> 
<a href="sales-consulting.html">Sales<br>Consulting</a> 
<a href="sales-training.html">Sales<br>Training</a> 
<a href="hiring-assessment.html">Hiring<br>Assessments</a> 
<a href="mobile_learning.html">Mobile<br>Learning</a> 
<a href="performance.html">Proof of<br>Performance</a> 

「瞭解詳情」鏈接開放燈箱我認爲這是它如何工作?

1

您需要將散列添加到「Read More」鏈接。

,如果你想將用戶定向到新頁面上的ID sc的部分,也就是說,href屬性應爲:

sales_training_tabs.html#sc 

,類似的還有其他id秒。

此外,請確保id屬性不包含#。這是嚴格的URL哈希。你需要<div id="sc">,或者在你的情況下,<h2 id="sc">

0

好吧,考慮我告訴,這個答案不適用於HTML5!


原來的答覆:

Purag是部分正確的,你必須添加的哈希隨後部分的標識符連結網址:

<a href="sales-training-tabs.html#sc">Read More &raquo;</a> 

但這不走直接將id設置爲「sc」。對於這一點,你需要使用屬性標籤設置目標部分:

<a name="sc"><h2>Sales Curriculum</h2></a> 
+1

雖然ID的工作正常。 – Purag

+0

所以它!顯然,我仍然陷於1998年的模式......這裏有一個很好的解釋,其中包括一個觀點,即'name'不再是HTML5中標籤的有效屬性:http://stackoverflow.com/a/ 484781/2559906 – Eraph

+0

真的很有趣,實際上。我可能是一個無知的年輕人或某事,但我不知道你曾經使用過'name'這樣的事情! :P – Purag

相關問題