Site UTF-8 multilanguage com árabe
Pergunta
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.
Solução
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) }
Outras dicas
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;
este é um bom recurso para declarar linguagem no HTML.