标题意味着它的内容。当我设置一个链接跳转到某个div它不起作用。例如,当我说<a href="#Section1>Section 1</a>
并单击它时,它应该跳转到名为“Section1”<a name="Section1"></>
的锚标记,但没有任何反应。
<main id="Main">
<div class="Container">
<div class="Section-Links Left Box-Sizing">
<div class="Links">
<a href="#test">Test Post</a>
<a href="#test2">Test Post</a>
<a href="#test3">Test Post</a>
<a href="#test4">Test Post</a>
<a href="#test5">Test Post</a>
<a href="#test6">Test Post</a>
<a href="#test7">Test Post</a>
<a href="#test8">Test Post</a>
<a href="#test9">Test Post</a>
<a href="#test10">Test Post</a>
</div>
</div>
<div class="Sections Left Box-Sizing">
<div class="Section">
<a name="Test"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test2"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test3"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test4"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test5"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test6"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test7"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test8"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test9"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test10"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
</div>
<div class="Clear"></div>
</div>
<p class="Footer-Masthead">Created By Moussa Harajli.</p>
</main>
如果您想测试一下,请转到此处。 http://67.184.73.19/Projects/Assassins/rules.php
答案 0 :(得分:2)
锚点链接不指向name
,而是指向id
s
所以改变例如:
<a name="Test7"></a>
到:
<a id="Test7"></a>
并且您不应该更改id属性和链接中的ID的大小写。
答案 1 :(得分:2)
尝试在div
标记中设置ID:
<div id="test" class="Section">...</div>
这应该有效:
<a href="#test">Test Post</a>
答案 2 :(得分:2)
您的问题背后的原因是您的链接中有不同的ID,因为test2
与Test2
不同。
虽然......根据我的经验,<a>
元素基本上是多余的,因为以下内容适用于所有现代浏览器:
<main id="Main">
<div class="Container">
<div class="Section-Links Left Box-Sizing">
<div class="Links">
<a href="#test">Test Post</a>
<a href="#test2">Test Post</a>
</div>
</div>
<div class="Sections Left Box-Sizing">
<div id="test" class="Section">
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div id="test2" class="Section">
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>