---
title: <kbd>
slug: Web/HTML/Element/kbd
translation_of: Web/HTML/Element/kbd
---
<p>L'<strong>elemento HTML <code>&lt;kbd&gt;</code> </strong>rappresenta l'input dell'utente e produce un elemento inline visualizzato dal browser con il font a spaziatura fissa predefinito.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Content categories</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contenuto di flusso</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">contenuto di enunciazione</a>, contenuto interattivo.</td>
  </tr>
  <tr>
   <th scope="row">Permitted content</th>
   <td>Contentuto di enunciazione.</td>
  </tr>
  <tr>
   <th scope="row">Tag omission</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Permitted parents</th>
   <td>Qualunque elemento che accetta <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">contenuti di enunciazione.</a></td>
  </tr>
  <tr>
   <th scope="row">Permitted ARIA roles</th>
   <td>Tutti</td>
  </tr>
  <tr>
   <th scope="row">DOM interface</th>
   <td>{{domxref("HTMLElement")}} Fino a Gecko 1.9.2 (Firefox 4) incluso, Firefox implementa l'interfaccia {{domxref("HTMLSpanElement")}} per questo elemento.</td>
  </tr>
 </tbody>
</table>

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

<p>Questo elemento supporta solamente gli <a href="/en-US/docs/HTML/Global_attributes">attributi globali</a>.</p>

<h2 id="Esempi">Esempi</h2>

<pre class="brush: html">&lt;p&gt;Digita questo comando nella finestra Run:
  &lt;kbd&gt;cmd&lt;/kbd&gt;&lt;br /&gt; e premi il pulsante OK.&lt;/p&gt;

&lt;p&gt;Salva il documento premendo
&lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;S&lt;/kbd&gt;&lt;/p&gt;</pre>

<h3 id="Result">Result</h3>

<p>{{ EmbedLiveSample('Examples', 350, 120) }}</p>

<h2 id="Note">Note</h2>

<p>È possibile definire una regola CSS per ignorare il font predefinito del browser. Alcune preferenze stabilite dall'utente possono avere la precedenza su quelle specificate dal CSS.</p>

<p>Quando l'elemento<code> &lt;kbd&gt;</code> è posizionato dentro un elemento <code>&lt;samp&gt;</code>,  rappresenta l'input basato sull'output del sistema, per esempio invocando una voce di menù.<br>
  </p>

<p>Quando un elemento <code>&lt;kbd&gt;</code> è posizionato dentro un altro elemento <code>&lt;kbd&gt;,</code> rappresenta un tasto o un altra singola unità di input dipendente dal meccanismo di inserimento.</p>

<h2 id="Specifiche">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', 'semantics.html#the-kbd-element', '&lt;kbd&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-kbd-element', '&lt;kbd&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Aggiornato per includere qualunque input da parte dell'utente, ad esempio input vocale e singole battiture.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;kbd&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilità_dei_Browser">Compatibilità dei Browser</h2>

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

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

<h2 id="sect1"> </h2>

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

<ul>
 <li>{{htmlelement("code")}}</li>
</ul>

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