<bdo>

  • Raccourci de la révision : HTML/Element/bdo
  • Titre de la révision : <bdo>
  • ID de la révision : 396309
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <bdo> (pour bidirectional override) est utilisé afin d'outrepasser la direction du texte en question. Cela change la direction du texte en la direction spécifiée par l'élément.

Contexte d'utilisation

Attributs

Cet élément inclut les attributs globaux.

{{htmlattrdef("dir")}}
La direction du texte au sein de l'élément. Cet attribut peut valoir :
  • ltr : pour un texte allant de gauche à droite (left-to-right).
  • rtl : pour un texte allant de droite à gauche (right-to-left).
  • auto : Selon la nature du contenu, le navigateur décide de la direction.

Exemple

<!-- Change la direction du texte -->
<p>Ce texte se lit de gauche à droite.</p>
<p><bdo dir="rtl">Ce texte se lit de droite à gauche.</bdo></p>

Résultat

Ce texte se lit de gauche à droite.

Ce texte se lit de droite à gauche.

Note

La spécification HTML 4 ne définissait pas d'événements pour cet éléments. Ils ont été ajoutés en XHTML. Ceci était probablement un oubli de la spécification HTML 4.

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdo-element', '<bdo>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-bdo-element.html#the-bdo-element', '<bdo>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '<bdo>')}} {{Spec2('HTML4.01')}}  

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple {{CompatVersionUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatVersionUnknown}}

Voir aussi

{{HTML:Element_Navigation}}

Source de la révision

<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>L'élément <strong>HTML <code>&lt;bdo&gt;</code> </strong>(pour <em>bidirectional override</em>) est utilisé afin d'outrepasser la direction du texte en question. Cela change la direction du texte en la direction spécifiée par l'élément.</p>
<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2>
<ul class="htmlelt">
  <li><dfn><a href="/fr/docs/HTML/Catégorie_de_contenu" title="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nbsp;</a></dfn><a href="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux" title="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux">Contenu de flux</a>, <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>, contenu palpable.</li>
  <li><dfn>Contenu autorisé </dfn><a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">Contenu phrasé</a>.</li>
  <li><dfn>Omission de balises </dfn> {{no_tag_omission}}</li>
  <li><dfn>Élément parents autorisés </dfn>Tout élément acceptant du <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>.</li>
  <li><dfn>Interface DOM </dfn> {{domxref("HTMLElement")}}. Auparavant et jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémente l'interface {{domxref("HTMLSpanElement")}} pour cet élément</li>
</ul>
<h2 id="Attributs">Attributs</h2>
<p><span style="line-height: 21px;">Cet élément inclut les </span><a href="/fr/docs/HTML/Global_attributes" style="line-height: 21px;" title="/fr/docs/HTML/Global_attributes">attributs globaux</a>.</p>
<dl>
  <dt>
    {{htmlattrdef("dir")}}</dt>
  <dd>
    La direction du texte au sein de l'élément. Cet attribut peut valoir :
    <ul>
      <li><code>ltr</code> : pour un texte allant de gauche à droite (<em>left-to-right</em>).</li>
      <li><code>rtl</code> : pour un texte allant de droite à gauche (<em>right-to-left</em>).</li>
      <li><code>auto</code> : Selon la nature du contenu, le navigateur décide de la direction.</li>
    </ul>
  </dd>
</dl>
<h2 id="Exemple">Exemple</h2>
<pre class="brush: html">
&lt;!-- Change la direction du texte --&gt;
&lt;p&gt;Ce texte se lit de gauche à droite.&lt;/p&gt;
&lt;p&gt;&lt;bdo dir="rtl"&gt;Ce texte se lit de droite à gauche.&lt;/bdo&gt;&lt;/p&gt;</pre>
<h3 id="R.C3.A9sultat">Résultat</h3>
<p>Ce texte se lit de gauche à droite.</p>
<p><bdo dir="rtl">Ce texte se lit de droite à gauche.</bdo></p>
<h2 id="Note">Note</h2>
<p>La spécification HTML 4 ne définissait pas d'événements pour cet éléments. Ils ont été ajoutés en XHTML. Ceci était probablement un oubli de la spécification HTML 4.</p>
<h2 id="Specifications" name="Specifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdo-element', '&lt;bdo&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-bdo-element.html#the-bdo-element', '&lt;bdo&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '&lt;bdo&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari (WebKit)</th>
      </tr>
      <tr>
        <td>Support simple</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE&nbsp;Phone</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support simple</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_aussi">Voir aussi</h2>
<div>
  {{HTML:Element_Navigation}}</div>
Revenir à cette révision