HTML – 样式双向网站CSS最佳实践?

前端之家收集整理的这篇文章主要介绍了HTML – 样式双向网站CSS最佳实践?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在一个网站上工作,包括四种语言(阿拉伯语,英语,法语和西班牙语),(阿拉伯语是一种从右到左的语言,适合那些不知道的人).

基本上,从左到右(en,es和fr)站点将具有相同的布局/ CSS.@H_403_3@

为了处理不同的阿​​拉伯风格,我想知道两种方法:@H_403_3@

1.特定语言/方向类:@H_403_3@

将以下类添加到html标记,并使用一个简单文件来处理它@H_403_3@

> arabic< html class =“ar rtl”dir =“rtl”>
> english< html class =“en ltr”>
> french< html class =“fr ltr”>
>西班牙语< html class =“sp ltr”>@H_403_3@

2.使用单独的文件:@H_403_3@

在这种情况下,我会使用let say一个common.css文件用于所有常见的事情,并加载一个单独的特定语言/方向文件(类似于arabic.css或western.css)@H_403_3@

你认为最好的选择是什么?@H_403_3@

谢谢@H_403_3@

解决方法

选项#2听起来像是更易于管理的解决方案.这样,您只需根据所选语言加载相应的样式表.由于它听起来像您的网页中的文本根据所选语言更新(即它没有实际写出两次),因此两个单独的样式表将允许您修改布局而不会弄乱html标记中的内容.因此,有关语言如何切换的更多信息可能有助于您获得更好的答案.

猜你在找的HTML相关文章