---
title: <b>
slug: Web/HTML/Element/b
translation_of: Web/HTML/Element/b
---
<h2 id="Sommario">Sommario</h2>

<p>L'elemento HTML <code><strong>&lt;b&gt;</strong></code>  rappresenta del testo stilisticamente diverso da quello normale, ma che ha la stessa importanza. Di solito è usato per evidenziare le parole chiave in un sommario, il nome dei prodotti nelle recensioni, o per evidenziare la frase più importante di un paragrafo o di un articolo.</p>

<div class="note">
<p><strong>Note:</strong></p>

<ul>
 <li>Non confondere l'elemento <code><strong>&lt;b&gt;</strong></code> con gli elementi {{HTMLElement("strong")}}, {{HTMLElement("em")}} o {{HTMLElement("mark")}}. L'elemento {{HTMLElement("strong")}} rappresenta del testo di una certa importanza, {{HTMLElement("em")}} attribuisce un po' di enfasi al testo e l'elemento {{HTMLElement("mark")}} evidenzia del testo rilevante.</li>
 <li>Non evidenziare i titoli usando l'elemento <code>&lt;b&gt;</code>. Per questo scopo, usare i tag {{HTMLElement("h1")}}-{{HTMLElement("h6)")}}.</li>
 <li>È una buona pratica usare l'attributo <code>class</code> con gli elementi <code>&lt;b&gt;</code>, così da attribuirgli maggior significato semantico (per esempio <code>&lt;b class="lead"&gt;</code> per la prima frase di un paragrafo). Ciò semplifica la modifca dello stile del testo senza dover cambiare il codice HTML.</li>
 <li>Inizialmente l'unico scopo dell'elemento <code>&lt;b&gt;</code> era rendere il testo in grassetto. Siccome, a partire da HTML4, è deprecato inserire informazioni di stile nel codice HTML, il significato di questo elemento è cambiato.</li>
 <li>Se l'elemento non ha nessun valore semantico, può essere meglio rendere il testo in grassetto usando la proprietà css <a href="/it/docs/CSS/font-weight">font-weight</a>.</li>
</ul>
</div>

<ul class="htmlelt">
 <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categoria</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contenuto di flusso</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contenuto di testo</a>, contenuto palpabile.</li>
 <li><dfn>Contenuto permesso</dfn> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Contenuto di testo</a>.</li>
 <li><dfn>Omissione del tag</dfn> {{no_tag_omission}}</li>
 <li><dfn>Elementi genitore permessi</dfn>Qualsiasi elemento che accetti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">contenuto di testo</a></li>
 <li><dfn>Interfaccia DOM</dfn> {{domxref("HTMLElement")}}. Fino a Gecko 1.9.2, Firefox implementava l'interfaccia {{domxref("HTMLSpanElement")}}.</li>
</ul>

<h2 id="Attributi">Attributi</h2>

<p>Questo elemento accetta solo gli <a href="/it/docs/HTML/Global_attributes">attributi globali</a>.</p>

<h2 id="Esempio">Esempio</h2>

<pre class="brush: html">&lt;p&gt;
  Questo articolo descrive diversi elementi a &lt;b&gt;livello di testo&lt;/b&gt;. Spiega il loro utilizzo in un documento &lt;b&gt;HTML&lt;/b&gt;.
&lt;/p&gt;
Le parole chiave sono mostrate con lo stile predefinito dell'elemento &lt;code&gt;b&lt;/code&gt;, probabilmente in grassetto.
</pre>

<h3 id="Risultato">Risultato</h3>

<p>Questo articolo descrive diversi elementi a <strong>livello di testo</strong>. Spiega il loro utilizzo in un documento <strong>HTML</strong>.</p>

<p>Le parole chiave sono mostrate con lo stile predefinito dell'elemento <code>b</code>, probabilmente in grassetto.</p>

<h2 id="Specifications" name="Specifications">Specifiche</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specifica</th>
   <th scope="col">Stato</th>
   <th scope="col">Commenti</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> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-b-element', '&lt;b&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;b&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Funzionalità</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Supporto di base</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>Funzionalità</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Supporto di base</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Vedi_anche">Vedi anche</h2>

<ul>
 <li>Altri elementi riguardanti la <a href="/it/docs/HTML/Text_level_semantics_conveying_elements">semantica del testo</a>: {{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>
 <li><a class="external" href="http://www.w3.org/International/questions/qa-b-and-i-tags">Using &lt;b&gt; and &lt;i&gt; elements (W3C)</a></li>
</ul>

<div>{{HTMLRef}}</div>