css - 带有阿拉伯语的多语言 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可能会有用。

我能想到的一些事情:

• 您选择的颜色和图片在某些国家/地区可能会令人反感或品味不佳
• 应翻译每张带有文字的图片(图片和替代文字)；每个具有方向性的图像都应该反转(例如:箭头)
• 如果您不想让以后头疼的话，请尽量避免像 class="left" 这样的类命名。我认为顶部、底部、之前或之后都可以，但左/右不行。
• 你必须检查关于文本对齐、背景位置、 float 、清晰和明显左右位置的每条 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) }