mozilla

Revision 429069 of <b>

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

Contenu de la révision

Résumé

L'élément HTML <b> (pour bold) représente une partie d'un texte stylistiquement différente par rapport à du texte normal, sans lui apporter une importance particulière. Il est habituellement utilisé pour les mots-clés dans les résumés, les noms de produits dans des tests, ou tout morceau de texte réprésenté habituellement par du texte en gras. Un autre exemple de son usage, est d'indiquer la première phrase de chaque paragraphe d'un article.

Note d'utilisation :

Il ne faut pas confondre l'élément <b> avec les éléments {{HTMLElement("strong")}}, {{HTMLElement("em")}}, ou {{HTMLElement("mark")}}. L'élément {{HTMLElement("strong")}} réprésente un texte d'une certaine importance, {{HTMLElement("em")}} met une emphase sur le texte et {{HTMLElement("mark")}} réprésente un texte avec une certaine pertinence. L'élément <b> ne porte aucune information sémantique particulière ; utilisez-le lorsque qu'aucun autre ne convient.

De la même façon, ne balisez pas les titres en utilisant l'élément <b>. Pour cet usage, utilisez les balises {{HTMLElement("h1")}} à {{HTMLElement("h6")}}. De plus, les feuilles de style peuvent changer le style par défaut de ces éléments. Ils ne seront pas forcément afficher en gras.

Historiquement, l'élément <b> a été pensé  pour rendre du texte avec une police grasse. Les éléments à seul but stylistique on été déprécié avec HTML 4. Ainsi, le sens de l'élément <b> a évolué. S'il n'y aucune raison sémantique d'utiliser l'élément <b>, l'utilisation de la propriété CSS {{cssxref('font-weight')}} avec une valeur bold est à privilégier pour faire du texte gras.

Attributs

Cet élément ne supporte que les attributs globaux.

Exemple

<p>
  Cet article décrit plusieurs éléments <b>text</b>. Il expliques leurs usage dans un document <b>HTML</b>.   
</p>
Les mots-clés sont affichés avec le style par défaut de l'élément <b>, sûrement en gras.

Résultat

Cet article décrit plusieurs élément text. Il explique leurs usages dans un document HTML.

Les mots-clés sont affichés avec le style par défaut de l'élément <b>, sûrement en gras.

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="R.C3.A9sum.C3.A9">Résumé</h2>
<p>L'<strong>élément HTML <code>&lt;b&gt;</code></strong> (pour <em>bold</em>) représente une partie d'un texte stylistiquement différente par rapport à du texte normal, sans lui apporter une importance particulière. Il est habituellement utilisé pour les mots-clés dans les résumés, les noms de produits dans des tests, ou tout morceau de texte réprésenté habituellement par du texte en gras. Un autre exemple de son usage, est d'indiquer la première phrase de chaque paragraphe d'un article.</p>
<div class="note">
  <p><strong>Note d'utilisation :</strong></p>
  <p>Il ne faut pas confondre l'élément <code>&lt;b&gt;</code> avec les éléments {{HTMLElement("strong")}}, {{HTMLElement("em")}}, ou {{HTMLElement("mark")}}. L'élément {{HTMLElement("strong")}} réprésente un texte d'une certaine <em>importance</em>, {{HTMLElement("em")}} met une emphase sur le texte et {{HTMLElement("mark")}} réprésente un texte avec une certaine <em>pertinence</em>. L'élément <code>&lt;b&gt;</code> ne porte aucune information sémantique particulière ; utilisez-le lorsque qu'aucun autre ne convient.<br />
    <br />
    De la même façon, ne balisez pas les titres en utilisant l'élément <code>&lt;b&gt;</code>. Pour cet usage, utilisez les balises {{HTMLElement("h1")}} à {{HTMLElement("h6")}}. De plus, les feuilles de style peuvent changer le style par défaut de ces éléments. Ils ne seront pas <em>forcément</em> afficher en gras.</p>
  <p>Historiquement, l'élément &lt;b&gt; a été pensé&nbsp; pour rendre du texte avec une police grasse. Les éléments à seul but stylistique on été déprécié avec HTML 4. Ainsi, le sens de l'élément <code>&lt;b&gt;</code> a évolué. S'il n'y aucune raison sémantique d'utiliser l'élément <code>&lt;b&gt;</code>, l'utilisation de la propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> {{cssxref('font-weight')}} avec une valeur <code>bold</code> est à privilégier pour faire du texte gras.</p>
</div>
<ul class="htmlelt">
  <li><dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu" title="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nbsp;</a></dfn><a href="/fr/docs/Web/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/Web/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/Web/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/Web/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>Cet élément ne supporte que les <a href="/fr/docs/Web/HTML/Global_attributes" title="/fr/docs/Web/HTML/Global_attributes">attributs globaux</a>.</p>
<h2 id="Exemple">Exemple</h2>
<pre class="brush: html">
&lt;p&gt;
  Cet article décrit plusieurs éléments &lt;b&gt;text&lt;/b&gt;. Il expliques leurs usage dans un document &lt;b&gt;HTML&lt;/b&gt;.   
&lt;/p&gt;
Les mots-clés sont affichés avec le style par défaut de l'élément &lt;b&gt;, sûrement en gras.
</pre>
<h3 id="Result">Résultat</h3>
<p>Cet article décrit plusieurs élément <strong>text</strong>. Il explique leurs usages dans un document <strong>HTML</strong>.</p>
<p>Les mots-clés sont affichés avec le style par défaut de l'élément &lt;b&gt;, sûrement en gras.</p>
<h2 id="Sp.C3.A9cifications">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 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</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_.C3.A9galement">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