Multilenguaje UTF-8 página web con el árabe
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.
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 .