2015-08-26 159 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

相关问题