什么是 ­我该如何摆脱它

Question

我注意到，在查看我的页面源代码时，字符 ­ 显示在 <div> 标记之后。我仔细检查了我的编码，但找不到它的来源；我做了一些研究，他们说它就在那里，所以可以删减文字。

在 <h1> 标签附近，我有一个比标题大一点的浮动图像。我想知道这是否是造成它的原因，因为由于浮动图像，我可以在第二行扩展标题，但它仍然存在。

我该如何摆脱它？为什么它在那里？

这是源代码的样子：

 <div class="container">
&shy;
<img src="floating_right.png">
<h1>Title</h1>
<div class="more stuff"> eventually justified text</div>
</div>

有什么线索吗？

编辑

这是我的实际代码；

  echo '<div id="inputTag">­';
    echo '<img id="winClose" class="btn_close" src="http://images/html/bouttons/fermer.png" alt="Fermer">';
 echo '<h1>'.$titre.'</h1><br>';

我可能还会提到我正在使用 Webmatrix 3。

编辑

为了解决这个问题，我在 Notepad++ 中打开了文件，它就在那里；

 echo '<div id="inputTag">-­';

瞧！

原文由 MadeInDreams 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

此脚本将查找并删除页面上所有不可见的 ­ ：

 document.body.innerHTML=document.body.innerHTML.replace(/\u00AD/g, '');

它通过搜索 Unicode 字符 U+00AD 工作。当它不在换行符处时它是不可见的，这可能是您在代码中找不到它的原因。

原文由 Rafi 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Soft hyphen ( shy ) 这个字符没有明显呈现；相反，它建议浏览器在必要时可以选择中断单词的地方。在 HTML 中，您可以使用 插入软连字符。

原文由 aitnasser 发布，翻译遵循 CC BY-SA 3.0 许可协议