Pregunta

Voy a la codificación de un sitio web que tendrá árabe como idioma soportado . Con UTF8 Unicode Creo que puedo cubrir alfabeto árabe. También he leído que se lee de derecha a izquierda, así que supongo que debería alinear a la derecha cuando se muestra en árabe.

estoy pidiendo a la comunidad para experiencia y posibles trampas .

  • UTF-8 Unicode
  • CSS selector en la alineación del texto swith

Gracias de antemano por su entrada.

¿Fue útil?

Solución

http://www.w3.org/International/tutorials/bidi- XHTML / y http://en.wikipedia.org/wiki/Internationalization_and_localization podía ser útil.

Algunas cosas que se me ocurren:

  • su elección de colores e imágenes podría resultar ofensivo o sabor malo en algunos países
  • cada imagen con el texto debe ser traducido (imagen y alt); cada imagen con direccionalidad debe ser invertida (por ejemplo: una flecha)
  • tratar de evitar nombrar clase como class="left" si no desea futuros dolores de cabeza. Arriba, abajo, antes o después están bien creo, pero no a la izquierda / derecha.
  • que tendrá que comprobar cada instrucciones sobre CSS text-align, background-position, flotador, clara y, obviamente, a izquierda y derecha con position: absolute / relativa;
  • necesitan diferentes tipos de letra diferentes tamaños de fuente (aunque este problema se refiere a las fuentes asiáticas, principalmente)
  • que para cualquier otro lenguaje soportado, muchos fragmentos de texto en las plantillas debe ser traducido.

Por "selector de CSS para la alineación del texto swith", ¿estás de dir="rtl" media? Este es un atributo HTML. Pero usted todavía necesita una clase ( 'll estar bien en el elemento del cuerpo) para actuar como un interruptor gigante para sus necesidades de diseño. Como

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

editar: un selector de atributos haría lo mismo, pero luego están los malos ol' IE ...

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

Otros consejos

  

También he leído que se lee de derecha a izquierda, así que supongo que debería alinear a la derecha cuando se muestra en árabe.

Eso no es suficiente, la dirección también se debe configurar como rtl (derecha a izquierda). Lo que necesita es:

  direction: rtl;
  text-align: right;

Este es un buen recurso para declarar en lenguaje HTML .

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top