Site UTF-8 multilanguage com árabe

Question

Eu estarei codificando um site que terá Árabe como uma linguagem suportada. Com o UTF8 Unicode, acredito que posso cobrir o alfabeto árabe. Eu também li que ele lê a direita para a esquerda, então acho que devo se alinhar ao ser exibido em árabe.

Estou pedindo à comunidade experiência e possíveis armadilhas.

• UTF-8 Unicode
• seletor CSS para Swith Alinhamento de texto

Agradeço antecipadamente por sua opinião.

Answer 1

Leitura http://www.w3.org/international/tutorials/bidi-xhtml/ e http://en.wikipedia.org/wiki/Internationalization_and_localization pode ser útil.

Algumas coisas que eu consigo pensar:

• Sua escolha de cores e imagens pode ser um gosto ofensivo ou ruim em alguns países
• Cada imagem com texto deve ser traduzida (imagem e alt); Toda imagem com direcionalidade deve ser revertida (ex: uma seta)
• tente evitar a nomeação de aula como class="left" Se você não quer dores de cabeça futuras. Em cima, inferior, antes ou depois, acho, mas não esquerdo/direito.
• Você terá que verificar cada instrução CSS sobre alinhamento de texto, posição de fundo, flutuação, clara e obviamente à esquerda e à direita com a posição: absoluto/relativo;
• Diferentes fontes precisam de tamanhos de fontes diferentes (embora esse problema preocupe principalmente fontes asiáticas)
• Quanto a qualquer outro idioma suportado, muitos bits de texto nos modelos devem ser traduzidos.

Por "seletor CSS para Swith Text Alignment", você quer dizer dir="rtl" ? Este é um atributo html. Mas você ainda precisará de uma classe ('estará bem no elemento corporal) para agir como um interruptor gigante para suas necessidades de design. Curti

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

EDIT: Um seletor de atributos faria o mesmo, mas há aqueles ruins e isto é ...

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

Answer 2

Eu também li que ele lê a direita para a esquerda, então acho que devo se alinhar ao ser exibido em árabe.

Isso não é suficiente, a direção também deve ser definida como rtl (direita para esquerda). O que você precisa é:

  direction: rtl;
  text-align: right;

Answer 3

este é um bom recurso para declarar linguagem no HTML.