html - 为什么这个变音字符由两个字符组成，所以我必须使用退格键两次？

Question

我在 Firefox 中看到一个问题，变音符号看起来被打乱了(后面有一个空格，或者点在字符旁边)。如果我试图删除这个变音符号，您可以在下面的 gif 中看到我必须使用退格键两次来删除字符。首先它会删除点，然后是“u”字符。

我问这个问题是因为我不想弄清楚这是怎么发生的。我已经看到从 PDF 文件复制然后保存在所见即所得编辑器中的文本存在这个问题。保存后，前端显示这些“损坏的”变音符号。

我在客户的许多不同网页上看到过这种情况。因此，最好通过 CSS“触发”此字符以添加一些红色或其他颜色来显示“坏”变音符号。 :)

有人以前见过类似的东西吗？

在 Sublime 中:

Answer 1

Unicode 提供了一个组合分音符“字符”，它可以与一个“普通”字母组合，使其成为变音符号。

http://www.fileformat.info/info/unicode/char/0308/index.htm
https://en.wikipedia.org/wiki/Diaeresis_(diacritic)#Character_encodings

So it would be nice to "trigger" this char via CSS to add some red color or something else to show the "bad" umlauts.

使用 CSS，您不能直接在任意位置格式化字符，因此您必须先将它们包装在一个额外的 HTML 元素中。

使用 JavaScript，这可能会使用一些正则表达式来工作，它会查找 Combining Diaeresis 字符及其之前的任何字符，并将它们分组到一个额外的跨度或其他内容中。