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

Fra*_*kie 4 css utf-8 arabic

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

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

  • utf-8 unicode
  • 用于交换文本对齐的css选择器

提前感谢您的意见.

Fel*_*Als 5

阅读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) }
Run Code Online (Sandbox Code Playgroud)

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

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