HTML L’attribut dir

.......................

Somaire

Définition et utilisation de L’attribut dir

HTML Les attributs globaux

L'attribut dir spécifie le sens du texte de contenu de l'élément.

L'attribut dir spécifie l’orientation du texte de l'élément. L'attribut dir peut prendre les valeurs suivants :

Le mot clé ltr, qui correspond à l'état de left-to-right

Indique que le contenu de l'élément est explicitement orienté de gauche à droite.

Le mot clé rtl, qui correspond à l'état de right-to-left!

Indique que le contenu de l'élément est explicitement orienté de droite à gauche.

Le mot clé auto, qui correspond à l'état automatique

N'utiliser cette valeur que comme un dernier recours lorsque le sens du texte est vraiment inconnu

Syntaxe

<element dir="ltr|rtl|auto">


Exemple Un paragraphe d'une direction de droite à gauche:

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <head>
  <title>html5 demo</title>
  <meta http-equiv="Content-Type" content="text/html;
  charset=utf-8" />
  </head>
  <body>
  <p>le texte dans ce paragraphe est normal. <br>
  Dans le paragraphe suivant le texte est en arrab il doit être
  écrit de droite à la gauche</p>
  <p dir="rtl">'D3D'E 9DJC <br>EF A6DC !</p>
  <p dir="rtl">Ecrit ce texte de droite à la
  gauche!!!</p>
  </body>
  </html>
    

Exemple fragment de balisage d'une conversation par messagerie instantanée

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html;
  charset=utf-8" />
  </head>
  <body>
  <p dir=ltr>Ce fragment de balisage est d'une conversation
  par messagerie instantanée.</p>
  <p dir=auto><b> étudiant  : </b> Comment
  pouvez-vous écrire « Quel est votre nom? » en arabe? </p>
  <p dir=auto><b> professeur  : </b> E' '3EC
  </p>
  <p dir=auto><b> étudiant  : </b> Merci.
  </p>
  <p dir=auto><b > professeur  : </b> qui s'écrit
  « 4C1K' ». </p>
  <p dir=auto><b > professeur  : </b> savez-vous
  comment écrire « S'il vous plaît »? </p>
  <p dir=auto><b > étudiant  : </b> « EF A6DC »
  </p>
  </body>
  </html>
 

Navigateurs pris en charge de l’attribut dir

Internet Explorer Firefox Opéra Google Chrome Safari

L'attribut dir est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

En HTML5, l'attribut dir peut être utilisé sur n'importe quel élément HTML.

En HTML 4.01, l'attribut dir ne peut pas être utilisé avec : <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> et <script>.


Valeurs d'attributs

Valeur Description
ltr Par défaut. L'orientation du texte de gauche à droite
rtl L'orientation du texte de droite à gauche
auto Laissez le navigateur comprendre le sens du texte, basé sur le contenu (recommandé seulement si le sens du texte est inconnu)
 Retour à la liste des attributs globaux       
accueil HTML 5
Par gerywa 20 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction checkdate, checkdate()

    Valide une date grégorienne

    fonction parse_str, parse_str

    Analyse une requête HTTP

    Balise cite

    Définit le titre d'une œuvre