7

我正在开发一个由四种语言（阿拉伯语、英语、法语和西班牙语）组成的网站，（对于不知道阿拉伯语的人来说，阿拉伯语是一种从右到左的语言）。

基本上从左到右（en、es 和 fr）的站点将具有相同的布局/CSS。

为了处理不同的阿​​拉伯风格，我想知道两种方法：

1.特定语言/方向类：

将以下类添加到html标记中，并使用一个简单的文件来处理它

  • 阿拉伯<html class="ar rtl" dir="rtl">
  • 英语<html class="en ltr">
  • 法语<html class="fr ltr">
  • 西班牙语<html class="sp ltr">

2.使用单独的文件：

在这种情况下，我会使用让我们说common.css所有常见事物的文件，并加载单独的特定语言/方向文件（类似于arabic.cssor western.css）

你认为最好的选择是什么？

谢谢

4

2 回答 2

2

选项 #2 听起来像是更易于管理的解决方案。这样，您可以根据所选语言简单地加载适当的样式表。由于这听起来像您网页中的文本会根据所选的语言进行更新（即它不会物理地写出两次），因此两个单独的样式表将允许您修改布局而不会弄乱 html 标记中的内容。因此，有关语言如何切换的更多信息可能会帮助您获得更好的答案。

于 2011-06-28T13:22:21.977 回答
1

我不太确定为什么您需要针对阿拉伯语文本的特定课程。好的，您可能想要修改字体（如 font-family 或 font-size），但仅此而已。要切换方向，您应该使用 dir 属性（即W3C 推荐）。

至于样式元素，如果您确实需要修改每个元素的样式，您可能需要使用通用选择器：

* { font-family: Verdana; }

对于给定语言的元素（如果您记得使用 lang 属性），您还可以将通用选择器与 lang 伪选择器结合使用（请注意，某些 Web 浏览器似乎不支持它，尽管它应该从 CSS2 开始支持）：

*:lang(ar) { font-size: 14px; }
于 2011-06-28T14:18:13.723 回答