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

Question

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

我向社区询问 经验和可能的陷阱.

• utf-8 统一码
• 用于切换文本对齐方式的 css 选择器

预先感谢您的意见。

Answer 1

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

我能想到的一些事情：

• 在某些国家/地区，您选择的颜色和图像可能会令人反感或品味不佳
• 每个带有文本的图像都应该被翻译（图像和 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) }

编辑：属性选择器会做同样的事情，但是还有那些糟糕的 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

这 是在 HTML 中声明语言的良好资源。