html - 在阿拉伯语单词中间插入 HTML 标记会中断单词连接(草书)

Question

来自维基百科:

Cursive (from Latin curro, currere, cucurri, cursum, to run, hasten) is any style of handwriting that is designed for writing notes and letters quickly by hand. In the Arabic, Latin, and Cyrillic writing systems, the letters in a word are connected, making a word one single complex stroke.

在上述语言中，当我们想要格式化一个单词时，例如<span>应用自定义 css 样式的标记会破坏单词连接，因此是否有任何解决方案。

例如这是正常的阿拉伯语单词:

كتب

但是当我们想使用 span 标签将最后一个字母着色为其他颜色时，得到这个:

因为前两个字母在一个标签中，最后两个字母在另一个标签中以对其着色。

我可以做些什么来避免断字。

这是完整的 html:

<p>كت<span style="color: Red;">ب</span></p>

Answer 1

我不确定是否有任何 HTML 方法可以做到这一点，但您可以通过添加 zero-width joiner Unicode character 来修复它在开始 span 标签之前:

<p>كت&#x200d;<span style="color: Red;">ب</span></p>

当然，您可以使用实际的 Unicode 字符而不是 HTML 字符实体，但这在这里是不可见的。或者你可以使用更漂亮的 ‍实体。

这是在行动(使用不可见的 <b> 标签，因为我不能在这里做颜色)，没有连接器:

كتب

和加入者:

كت‍ب

据我所知，它应该在没有连接器的情况下工作，但在某些浏览器中确实如此，但显然不是所有浏览器。