html - Mac Safari HTML 中的神秘 X 符号

Question

我建立了一个网站，并注意到这个神秘的符号只有在使用 Safari 时才会在 Mac 上弹出。该元素位于 h2 标签内。所附图片在一个不稳定的红色圆圈中显示了神秘符号

下面是html。

   <div class="top-black" id="pre-baserate-top">
       <img class="specs-r-img" src="/ui/3_tvs_icon_244x90.png" alt="3tv icons"/>
       <div class="title-container white-title">
            <h1>YOU’VE UNCOVERED 3 RESULTS</h1>
            <h2>The Good, The Bad, and The Better‏</h2>
       </div>
   </div>

下面是CSS

.top-black{
  background-color: black;
  width: 100%;
  img{
   margin:0 auto;
   padding-top:2%

  }
  .white-title{
    color:white;
    margin:0;
    h2{
      margin:0;
    }
}

请帮忙!

Answer 1

在h2内容的最后元素，有U+200F RIGHT-TO-LEFT MARK，一个不可见的控制符，规定其余内容以从右到左为基本书写方向。它在这种情况下应该没有效果，但显然 Mac Safari 无法正确处理它，而是试图将其呈现为图形字符；框中的 X 是一种常见的指示，表示试图呈现当前使用的字体中不可用的字符。

当然，解决方案是删除该字符。例如，在一个简单的文本编辑器中，将光标定位在 < 之前在</h2>然后按 rubout 键(通常标有 ←)。

提示:为了检查发生了什么，我将问题中的标记复制到 BabelPad 中。编辑器，您可以在其中移动光标时查看字符的 Unicode 编号和名称。