建立一个本地站点html,html – 使用CSS文件进行站点本地化

你可以阅读：

在您的网页中：

>每个带文字的图像都应该被翻译(图像和alt);每个具有方向性的图像都应该反转(例如：箭头)

>如果你不希望将来头疼,尽量避免像class =“left”这样的类命名.顶部,底部,之前或之后是好的但不是左/右(编辑：开始和结束现在在CSS3中使用以避免ltr和rtl的这个确切问题.可能比* -before和* -after已经用于伪用冒号).

>你必须检查每个CSS指令有关text-align,background-position,float,clear和显然左右的位置：absolute / relative;.新的CSS3指令也要审查(动画等).

>不同的字体需要不同的字体大小(虽然这个问题主要涉及亚洲字体)

>对于任何其他受支持的语言,应翻译模板中的许多文本.

如上面的链接所述,使用HTML属性dir =“rtl”.你还需要一个类(在主体或一些包含div的行为,就像一个巨大的开关,满足你的设计需求

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

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

由于包含IE8,属性选择器也是如此.

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

or

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