HTML中的部分彩色的阿拉伯文字

我不会说阿拉伯语,但我需要在我们的网页上特别支持阿拉伯语.我需要部分阿拉伯语单词位于< span>与其他单词不同的风格.当我输入两个字符ش和س时,它们被组合成单词شس,但是当我使用 HTML标记

<span>ش</span>س

这些字母在输出中没有连接.

在图中,所需输出位于第二行,实际输出位于第一行.

编辑：它适用于Firefox,但不适用于Chrome / Safari.

解决方法

在span元素内容的末尾插入零宽度连接器(例如使用实体参考& zwj;);< span>ش& zwj;< / span>س.

更一般地说,在每个跨度元素的开始和结束处的零宽度连接器以及每个跨度元素之前和之后的(仅仅是更确定),在文本应具有草书(连接)行为和跨度的情况下,可能会中断它.

这个问题在Andrea Prilop的Bidirectional text页上进行了讨论和说明.

更新：不幸的是,似乎甚至& zwj;对当前版本的WebKit浏览器无效.他们似乎把HTML标记视为打破联合行为,无论如何.

更新2：如@ NasserAl-Wohaibi的评论所述,新问题可以通过使用& zwj来解决;两次.但是,在Windows的当前Safari(5.1.7)中,它没有帮助;实际上它显示甚至ش& zwj;س错,而没有joiner,它显示شس正确.