アラビア語を含む多言語 UTF-8 Web サイト

StackOverflow https://stackoverflow.com/questions/1780656

  •  21-09-2019
  •  | 
  •  

質問

次のような Web サイトをコーディングします。 サポートされている言語としてのアラビア語. 。UTF8 Unicode を使用すれば、アラビア語のアルファベットをカバーできると思います。また、右から左に読むと書かれているので、アラビア語で表示する場合は右揃えにする必要があると思います。

コミュニティにお願いしています 経験と起こり得る落とし穴.

  • UTF-8ユニコード
  • テキストの配置を切り替えるCSSセレクター

ご意見をよろしくお願いいたします。

役に立ちましたか？

解決

読む http://www.w3.org/International/tutorials/bidi-xhtml/ そして http://en.wikipedia.org/wiki/Internationalization_and_localization 役に立つかもしれない。

考えられることは次のとおりです。

  • 国によっては、色や画像の選択が攻撃的または悪趣味とみなされる可能性があります
  • テキストを含むすべての画像を翻訳する必要があります (画像と代替)。方向性のあるすべての画像は反転する必要があります (例:矢印）
  • 次のようなクラス名を付けることは避けてください。 class="left" 将来頭痛がしたくないなら。上下、前後はOKだと思いますが、左右はダメです。
  • text-align、background-position、float、clear、そして明らかに位置の左右に関する各 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) }

他のヒント

  

私も、私はアラビア語で表示するとき、私は右揃える必要がありますねので、それは右から左に読み取るように読みました。

それは方向もrtlとして設定する必要があり、十分ではありません（右から左）。何が必要です。

  direction: rtl;
  text-align: right;
所属していません StackOverflow
scroll top