【发布时间】：2020-11-24 16:34:54
【问题描述】：
我正在尝试在我的页面中创建锚点以供用户跳转。当我在 wordpress 的文本编辑器中创建锚点时，如果我切换到可视化编辑器，锚标签就会消失。这是我在文本编辑器中使用的代码：
<div>
<a id="posts" class="anchor"> </a>
<h4>Key Blog Posts</h4>
Andrea Radke-Moss, <a href="http://www.juvenileinstructor.org/mormon-studies-in-the-classroom-mormon-women-patriarchy-and-equality/" target="_blank" rel="noopener noreferrer">"Mormon Studies in the Classroom: Mormon Women, Patriarchy and Equality,"</a> Juvenile Instructor.
</div>
当我切换可视化编辑器时（无论我是否在文本编辑器中保存它），锚标记消失，我只剩下这个：
<div>
<h4>Key Blog Posts</h4>
Andrea Radke-Moss, <a href="http://www.juvenileinstructor.org/mormon-studies-in-the-classroom-mormon-women-patriarchy-and-equality/" target="_blank" rel="noopener noreferrer">"Mormon Studies in the Classroom: Mormon Women, Patriarchy and Equality,"</a> Juvenile Instructor.
在做了一些研究之后，当锚标签之间没有文本时，这似乎是 Wordpress 的一个常见问题（这就是我尝试&nbsp; 的原因）。有没有人能够解决这个问题？
更新：我尝试在带有style="font-size: 0px"; 的标签之间添加一个句点。保存，切换到可视化编辑器，这段时间现在不在我的锚标签之外！呜呜呜……
【问题讨论】：
-
你没有使用
href属性，这可能是这个问题的根源。试试这样：<a id="posts" class="anchor" href="#">&nbsp;</a> -
真的尽量避免使用
href。我不想要一个可点击的空间，即使它不会做任何事情。它往往会使页面跳来跳去，即使只是一点点。 -
您可以使用javascript防止元素的点击行为
-
href=#跳转到我的页面顶部，href=""和href=javascript:void(0)都被可视化编辑器取出来了。