public visé: Les auteurs de contenu HTML et CSS implémentent des pages dans des scripts de droite à gauche tels que l'arabe et l'hébreu, ou doivent gérer des scripts de droite à gauche intégrés.
Ce tutoriel rassemble et organise des pointeurs vers des articles qui, pris ensemble, vous aident à comprendre les aspects essentiels de la façon de travailler avec les langues dans les scripts de droite à gauche et le texte bidirectionnel lors de la création de HTML et CSS.
Ajoutez un attribut dir
à la balise html
pour définir la direction de base par défaut de votre page si elle est de droite à gauche. Utilisez l'attribut dir
sur les éléments de bloc de la page uniquement là où vous devez changer la direction de la base.
Pour le texte en ligne, enveloppez fermement toutes les phrases en sens inverse dans un balisage qui définit leur direction de base.
Utilisez dir=auto
pour définir automatiquement la direction de base des champs de formulaire, des pre
éléments ou du texte insérés dans la page. Utilisez l'attribut dirname
si vous avez besoin de transmettre des informations sur la direction de base de la saisie du formulaire au serveur.
Évitez d'utiliser CSS ou des codes de contrôle Unicode pour gérer la direction où vous pouvez utiliser des balises.
Utilisez l'ordre logique du texte bidirectionnel, plutôt que l'ordre visuel, et laissez l'algorithme bidirectionnel Unicode prendre le relais.
Dans cette section, nous couvrons les bases du balisage pour la direction du texte.
Unicode Bidirectional Algorithm basics fournit une introduction douce au fonctionnement de l'algorithme bidirectionnel, soulignant les concepts et la terminologie dont vous aurez besoin pour comprendre comment travailler avec du texte bidirectionnel.
Le balisage structurel et le texte de droite à gauche en HTML examine l'utilisation de base de l'attribut dir
au niveau du document et pour le balisage structurel en HTML, par exemple les paragraphes, les tableaux et les formulaires. Il examine également les nouveaux développements de HTML5 pour traiter la direction dans les éléments de formulaire, les pre
éléments et le texte inséré.
Le balisage en ligne et le texte bidirectionnel en HTML commencent par décrire les situations dans lesquelles l'algorithme bidirectionnel Unicode a besoin d'aide. L'algorithme bidirectionnel Unicode est la base du contrôle directionnel du texte dans tous les navigateurs, mais il a ses limites, et celles-ci doivent être satisfaites par des balises. L'article examine les problèmes et propose des solutions simples. C'est un peu plus compliqué que l'article précédent, parce que c'est là que vous devez traiter le texte bidirectionnel.
L'ordre visuel vs. logique du texte compare les approches visuelles vs. logiques du stockage de texte bidirectionnel et justifie l'utilisation du modèle logique. De nos jours, il est généralement peu probable que vous ayez à traiter avec du contenu ordonné visuellement.
D'une manière générale, vous devriez gérer la direction du texte en HTML en utilisant des balises plutôt que CSS ou des caractères de contrôle Unicode, bien qu'il y ait des endroits où ce dernier soit le seul recours. Ces articles examinent en détail les raisons de cette situation.
CSS vs. balisage pour le support bidi
Contrôles Unicode vs. balisage pour le support bidi explique pourquoi le balisage est meilleur que les caractères de contrôle Unicode, où il est disponible.
L'utilisation des contrôles Unicode pour le texte bidi explique comment utiliser les caractères de contrôle Unicode là où ils sont la seule option.
Liens connexes, Rédaction HTML et CSS