MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 429035 of <b>

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

Contenu de la révision

Résumé


En langage HTML, <b> (dite balise HTML Bold) est utilisé pour transformer du texte en gras, dans une page web. Cela permet de mettre en valeur du texte et pour que l'utilisateur puisse repérer les mots importants dans un paragrapahe. Elle est aussi utilisée pour les definitions dans ses sommaire ou des index, ou même la première lettre d'un paragraphe.

Fonctionnement

La balise <b> est du type inline, c'est à dire qu'elle se place à l'interieur d'un texte. Elle doit être utiliser avec une balise de fermeture comme dans l'exemple suivant.
Ne confondez pas la balise <b> avec les balises <strong>, <em>, ou <mark>.
Pour les titres, preférer les balises de titres comme <h1>, <h2>,... plutôt que d'utiliser <b>.

Exemple

<p> MDC, a <b>comprehensive</b>, <b>usable</b>, and <b>accurate</b> resource for <b>everyone</b> developing for the <b>Open Web</b>.</p>


qui rendra :


MDC, a comprehensive, usable, and accurate resource for everyone developing for the Open Web.

 

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-b-element', '<b>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-b-element.html#the-b-element', '<b>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<b>')}} {{Spec2('HTML4.01')}}  

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple {{CompatVersionUnknown}} {{CompatGeckoDesktop("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple {{CompatVersionUnknown}} {{CompatGeckoMobile("1.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

Voir également

  • Autres éléments portant une sémantique pour le texte : {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.
{{ HTML:Element_Navigation() }}

Source de la révision

<h2 id="Pr.C3.A9sentation">Résumé</h2>
<p><br />
  En langage HTML, &lt;b&gt; (dite balise HTML Bold) est utilisé pour transformer du texte en gras, dans une page web. Cela permet de mettre en valeur du texte et pour que l'utilisateur puisse repérer les mots importants dans un paragrapahe. Elle est aussi utilisée pour les definitions dans ses sommaire ou des index, ou même la première lettre d'un paragraphe.</p>
<h2 id="
__
__Fonctionnement">Fonctionnement</h2>
<p>La balise &lt;b&gt; est du type inline, c'est à dire qu'elle se place à l'interieur d'un texte. Elle doit être utiliser avec une balise de fermeture comme dans l'exemple suivant.<br />
  Ne confondez pas la balise &lt;b&gt; avec les balises <a href="/fr/HTML/Element/strong" title="https://developer.mozilla.org/fr/HTML/Element/strong">&lt;strong&gt;</a>, <a href="/fr/HTML/Element/em" title="https://developer.mozilla.org/fr/HTML/Element/em">&lt;em&gt;</a>, ou <a href="/fr/HTML/Element/mark" title="https://developer.mozilla.org/fr/HTML/Element/mark">&lt;mark&gt;</a>.<br />
  Pour les titres, preférer les balises de titres comme <a href="/fr/HTML/Element/h1,h2,h3,h4,h5,h6" title="https://developer.mozilla.org/fr/HTML/Element/h1,h2,h3,h4,h5,h6">&lt;h1&gt;</a>, <a href="/fr/HTML/Element/h1,h2,h3,h4,h5,h6" title="https://developer.mozilla.org/fr/HTML/Element/h1,h2,h3,h4,h5,h6">&lt;h2&gt;</a>,... plutôt que d'utiliser &lt;b&gt;.</p>
<h2 id="
__
__Exemple">Exemple</h2>
<p><code>&lt;p&gt; <a href="/en-US" title="https://developer.mozilla.org/en-US/">MDC</a>, a &lt;b&gt;comprehensive&lt;/b&gt;, &lt;b&gt;usable&lt;/b&gt;, and &lt;b&gt;accurate&lt;/b&gt; resource for &lt;b&gt;everyone&lt;/b&gt; developing for the &lt;b&gt;Open Web&lt;/b&gt;.&lt;/p&gt;</code></p>
<p><br />
  qui rendra :</p>
<p><br />
  <code><a href="/en-US" title="https://developer.mozilla.org/en-US/">MDC</a>, a <strong>comprehensive</strong>, <strong>usable</strong>, and <strong>accurate</strong> resource for <strong>everyone</strong> developing for the <strong>Open Web</strong>.</code></p>
<p>&nbsp;</p>
<h2>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-b-element', '&lt;b&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-b-element.html#the-b-element', '&lt;b&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;b&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2>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</th>
      </tr>
      <tr>
        <td>Support simple</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoDesktop("1.0")}}</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 Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support simple</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatGeckoMobile("1.0")}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_aussi">Voir également</h2>
<ul>
  <li>Autres éléments portant une sémantique pour le texte : {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
</ul>
<div>
  {{ HTML:Element_Navigation() }}</div>
<!-- languages( { "pl": "pl/HTML/Element/br", "en": "en/HTML/Element/br" } ) -->
Revenir à cette révision