4

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

我正在向社区寻求经验和可能的陷阱。

  • UTF-8 统一码
  • 用于切换文本对齐方式的 CSS 选择器

预先感谢您的意见。

4

3 回答 3

5

阅读http://www.w3.org/International/tutorials/bidi-xhtml/和http://en.wikipedia.org/wiki/Internationalization_and_localization可能会很有用。

我能想到的一些事情：

  • 在某些国家/地区，您选择的颜色和图像可能会令人反感或品味不佳
  • 每张带文字的图片都应该翻译（图片和alt）；每个具有方向性的图像都应该反转（例如：箭头）
  • 尽量避免类命名，例如class="left"，如果您不想让未来头痛。我认为顶部，底部，之前或之后都可以，但不是左/右。
  • 你必须检查关于文本对齐、背景位置、浮动、清晰和明显左右位置的每个 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) }
于 2009-11-23T04:11:52.267 回答
3

我还读到它从右到左读，所以我想在阿拉伯语上显示时我应该右对齐。

这还不够，方向还必须设置为rtl（从右到左）。你需要的是：

  direction: rtl;
  text-align: right;
于 2009-12-14T04:52:56.483 回答
1

这是在 HTML 中声明语言的好资源。

于 2009-11-25T16:33:26.663 回答