第一个锚链接到#

Question

我有一个如下所示的数组：

$anchors = array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'X', 'Y', 'Z', 'Å', 'Ä', 'Ö', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '"');

然后我 link 每个字母到它的锚点：

foreach ($anchors as $anchor){
echo '<h2 style="display:inline; margin-left:25px; margin-bottom:15px;"> <a href="#' . $anchor . '">' . $anchor . ' ' . '</h2>';
}
echo '<div style="margin-top:100px;"></div>';

foreach ($anchors as $anchor2){
echo '<h3 id="' . $anchor2 . '">' . $anchor2 . '</h3>';

然后是进一步的代码，我让锚点显示并按预期工作，除了第一个锚点 'A' links 到 #.

所以我得到的差不多是这样的：

A B C

A <- 这个 links 到 #（违背我的意愿）

苹果

攻击

B <-- 这不是 link（正如我希望的那样）

香蕉

兄弟

C <-- 这不是 link（正如我希望的那样）

肉桂

我看不出 'A' 是如何 link 编辑到 # 的。当我单击它时，它会移动到页面顶部。

Answer 1

尝试关闭您的 <a> 标签。试试这个。

foreach ($anchors as $anchor){
echo '<h2 style="display:inline; margin-left:25px; margin-bottom:15px;">
<a   href="#' . $anchor . '">' . $anchor . ' ' . '</a></h2>';
}
echo '<div style="margin-top:100px;"></div>';

foreach ($anchors as $anchor2){
echo '<h3 id="' . $anchor2 . '">' . $anchor2 . '</h3>';