html - HTML 中的部分彩色阿拉伯语单词

Question

我不会说阿拉伯语，但我需要我们网站上对阿拉伯语的特定支持。我需要部分阿拉伯语单词出现在 <span> 中与词的其余部分不同的风格。当我输入两个字符时 ش和 س ，它们被组成word شس , 但是当我使用 HTML 标记时

<span>ش</span>س

这些字母在输出中没有正确连接。

图中，期望输出在第二行，实际输出在第一行。

编辑:它适用于 Firefox，但不适用于 Chrome/Safari。

Answer 1

在 ‍ 的末尾插入一个零宽度连接符(例如使用实体引用 span )元素内容:<span>ش&zwj;</span>س .

更一般地说，每个 span 的开始和结束处的零宽度连接符元素以及(只是为了更确定)每个 span 之前和之后元素，在文本应具有草书(连接)行为和 span 的情况下可能会破坏它。

该问题在 Bidirectional text 上进行了讨论和说明。 Andreas Prilop 的页面。

更新:不幸的是，似乎连‍对当前版本的 WebKit 浏览器没有帮助。无论如何，他们似乎都将 HTML 标记视为破坏连接行为。

更新 2:如@NasserAl-Wohaibi 的评论所述，可以使用 ‍ 解决新问题。两次。但是，在当前的 Windows Safari (5.1.7) 中，它没有帮助；事实上，它甚至显示 ش‍س错误而没有木匠，它显示 شس正确。