多语言UTF-8网站与阿拉伯语

Question

我将编写一个将阿拉伯语作为支持语言的网站。使用UTF8 unicode我相信我可以覆盖阿拉伯字母。我还读到它从右到左阅读，所以我想在阿拉伯语上显示时我应该正确对齐。

我要求社区经验和可能的陷阱。

• utf-8 unicode
• css选择器以交换文本对齐

提前感谢您的意见。

Answer 1

阅读http://www.w3.org/International/tutorials/bidi-xhtml/和http://en.wikipedia.org/wiki/Internationalization_and_localization可能很有用。

我能想到的一些事情：

• 在某些国家/地区，您选择的颜色和图像可能会令人反感或品味不佳
• 每个带文字的图像都应该被翻译（图像和alt）;每个具有方向性的图像都应该颠倒（例如箭头）
• 如果您不希望将来头疼，请尝试避免类class="left"之类的类命名。顶部，底部，之前或之后都可以，我想但不是左/右。
• 你必须检查每个CSS指令有关text-align，background-position，float，clear和显然左右的位置：absolute / relative;
• 不同的字体需要不同的字体大小（虽然这个问题主要涉及亚洲字体）
• 对于任何其他受支持的语言，模板中的许多文本都应该被翻译。

通过“css selector to swith text alignment”，你的意思是dir="rtl"吗？这是一个HTML属性。但是你仍然需要一个类（在body元素上会很好），就像一个巨大的开关，满足你的设计需求。像

.en .yourclass { background: url(images/en/bg.jpg) } 
.ar .yourclass { background: url(images/ar/bg.jpg) }

编辑：一个属性选择器会做同样的事情但是那些坏的'IE ...

:lang(ar) .yourclass { background: url(images/ar/bg.jpg) }
or
[lang|="ar"] .yourclass { background: url(images/ar/bg.jpg) }

Answer 2

  

我也读过它从右到左阅读，所以我想在阿拉伯语上显示时我应该正确对齐。

这还不够，方向也必须设置为rtl（从右到左）。你需要的是：

  direction: rtl;
  text-align: right;

Answer 3

This是用于在HTML中声明语言的好资源。