mozilla

Revision 393449 of <kbd>

  • Raccourci de la révision : HTML/Element/kbd
  • Titre de la révision : <kbd>
  • ID de la révision : 393449
  • Créé :
  • Créateur : SphinxKnight
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <kbd> (pour Keyboard Input) représente les entrées effectuées par l'utilisateur et produit un élément affiché par le navigateur avec la police monotype par défaut.

Attributs

Cet élément inclut les attributs globaux.

Exemple

<p>Entrez le texte suivant dans la fenêtre Exécuter : <kbd>cmd</kbd><br />Puis cliquez sur le bouton OK</p>

Resultat

Entrez le texte suivant dans la fenêtre Exécuter : cmd
Puis cliquer ensuite sur le bouton OK.

Note

Une règle CSS peut être définie pour le sélecteur de l'élément kbd afin d'outrepasser le comportement par défaut. Les préférences de l'utilisateur peuvent dans certains cas passer outre la feuille de style CSS implémentée.

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-kbd-element', '<kbd>')}} {{Spec2('HTML WHATWG')}}  

{{SpecName('HTML5 W3C', 'the-kbd-element.html#the-kbd-element', '<kbd>')}}

{{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<kbd>')}} {{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 aussi

{{HTML:Element_Navigation}}

Source de la révision

<h2 id="Summary">Résumé</h2>
<p>L'élément <strong>HTML <code>&lt;kbd&gt; </code></strong>(pour <em>Keyboard Input</em>) représente les entrées effectuées par l'utilisateur et produit un élément affiché par le navigateur avec la police monotype par défaut.</p>
<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>
<h2 id="Example">Exemple</h2>
<pre class="brush: html">
&lt;p&gt;Entrez le texte suivant dans la fenêtre Exécuter : &lt;kbd&gt;cmd&lt;/kbd&gt;&lt;br /&gt;Puis cliquez sur le bouton OK&lt;/p&gt;
</pre>
<h3 id="Result">Resultat</h3>
<p>Entrez le texte suivant dans la fenêtre Exécuter : <code>cmd</code><br />
  Puis cliquer ensuite sur le bouton OK.</p>
<h2 id="Note">Note</h2>
<p>Une règle CSS peut être définie pour le sélecteur de l'élément <code>kbd</code> afin d'outrepasser le comportement par défaut. Les préférences de l'utilisateur peuvent dans certains cas passer outre la feuille de style CSS implémentée.</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-kbd-element', '&lt;kbd&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
        <p>{{SpecName('HTML5 W3C', 'the-kbd-element.html#the-kbd-element', '&lt;kbd&gt;')}}</p>
      </td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;kbd&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Browser_compatibility">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="See_also">Voir aussi</h2>
<ul>
  <li>{{htmlelement("code")}}</li>
  <li><a href="http://www.w3.org/TR/html4/struct/text.html#h-9.2.1" title="http://www.w3.org/TR/html4/struct/text.html#h-9.2.1">La spécification HTML4 sur les <span class="external">élements de Phrase</span>.</a></li>
  <li><a href="http://www.whatwg.org/html/#the-kbd-element" title="http://www.whatwg.org/html/#the-kbd-element">La spécification HTML5 de l'élément<span class="external"> <code>kbd</code> element</span></a>.</li>
</ul>
<div>
  {{HTML:Element_Navigation}}</div>
Revenir à cette révision