Css 带阿拉伯语的多语言UTF-8网站

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

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

• utf-8 unicode
• 使用css选择器切换文本对齐方式

提前感谢您的输入。

阅读，可能会很有用

我能想到的一些事情：

• 在某些国家，你对颜色和图像的选择可能会令人反感或品味不佳
• 每个带有文本的图像都应该被翻译（图像和alt）；每个具有方向性的图像都应该反转（例如：箭头）
• 如果您不想将来遇到麻烦，请尽量避免类命名，如

  class=“left”

  。顶部、底部、之前或之后都可以，但不是左/右
• 你必须检查每一个CSS指令关于文本对齐、背景位置、浮动、清晰以及明显的左右位置：绝对/相对
• 不同的字体需要不同的字体大小（尽管这个问题主要涉及亚洲字体）
• 对于任何其他受支持的语言，模板中的许多文本都应该翻译

“css选择器切换到文本对齐”，您的意思是

dir=“rtl”

？这是一个HTML属性。但您仍然需要一个类（“body元素很好”）来充当满足设计需求的巨大开关。像

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

编辑：属性选择器也会这样做，但还有一些糟糕的ol'IE

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

是用HTML声明语言的好资源

我还读到它从右到左，所以我想我应该在阿拉伯语上显示时向右对齐

这还不够，方向还必须设置为

rtl

（从右到左）。您需要的是：

  direction: rtl;
  text-align: right;

---

看看“右对齐”只是它的一半。@Itay Moav，一个好看的网站。我可能遗漏了，但我能读阿拉伯语。@pavium，非常正确！右对齐只是它的一半。但是另一个将由写文本的人自动处理，对吗？很好的评论！谢谢hasen j！：为了完成这项工作，我们需要设置html属性

lang=“en”

或

lang=“ar”

。