Multilangue site UTF-8 avec l'arabe

Question

Je vais coder un site Web qui aura arabe comme langue prise en charge . Avec unicode UTF8 Je crois que je peux couvrir l'alphabet arabe. Je l'ai lu aussi qu'il se lit de droite à gauche donc je suppose que je devrais aligner à droite lors de l'affichage sur l'arabe.

Je demande à la communauté L'expérience et les pièges possibles .

• utf-8 unicode
• sélecteur de css SWITH alignement du texte

Merci d'avance pour votre entrée.

Answer 1

Lecture http://www.w3.org/International/tutorials/bidi- xhtml / et http://en.wikipedia.org/wiki/Internationalization_and_localization pourrait être utile.

Certaines choses que je peux penser:

• votre choix de couleurs et des images pourrait se révéler goût offensantes ou dans certains pays
• chaque image avec le texte doit être traduit (image et alt); chaque image avec directionnalité doit être inversée (ex: une flèche)
• essayez d'éviter nommage des classes comme si class="left" vous ne voulez pas un mal de tête. Haut, en bas, avant ou après sont OK, je pense, mais pas gauche / droite.
• vous devrez vérifier chaque instructions CSS sur text-align, position fond, flotteur, clair et, évidemment, à gauche et à droite avec position: absolute / relative;
• polices différentes ont besoin de différentes tailles de police (bien que ce problème concerne les polices principalement asiatiques)
• comme pour toute autre langue prise en charge, de nombreux morceaux de texte dans les modèles devraient être traduits.

Par « sélecteur CSS à swith alignement du texte », voulez-vous dire dir="rtl"? Ceci est un attribut HTML. Mais vous aurez toujours besoin d'une classe (serez bien sur l'élément du corps) d'agir comme un interrupteur géant pour vos besoins de conception. Comme

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

edit: un sélecteur d'attribut ferait la même chose mais il y a ceux mauvais ol » IE ...

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

Answer 2

  

Je l'ai lu aussi qu'il se lit de droite à gauche donc je suppose que je devrais aligner à droite lors de l'affichage sur l'arabe.

Cela ne suffit pas, la direction doit également être défini comme rtl (à droite à gauche). Qu'est-ce que vous avez besoin est:

  direction: rtl;
  text-align: right;

Answer 3

Cette est une bonne ressource pour déclarer la langue en HTML .