Révision 393543 sur <q>

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

Contenu de la révision

Résumé

L'élément HTML <q> (pour Quote) indique que le contenu textuel de l'élément est une citation courte. Cet élément est conçu pour contenir des citations courtes ne nécessitant pas différents paragraphes. L'élément {{HTMLElement("blockquote")}} doit être utilisée pour les citations plus longues.

Attributs

Cet élément inclut les attributs globaux.

{{htmlattrdef("cite")}}
La valeur de cet attribut est une URL désignant la source du message ou de l'information citée. Cet attribut est prévu pour fournir des renseignements concernant le contexte ou la référence de cette citation.

Exemple

<p>Chaque fois que Kenny est tué, Stan dira 
   <q cite="http://fr.wikipedia.org/wiki/Kenny_McCormick#Le_dialogue_rituel">
     Oh mon Dieu, ils ont tué Kenny !
   </q>.
</p>

Le fragment de code HTML ci-dessus produire le résultat suivant :

Chaque fois que Kenny est tué, Stan dira Oh mon Dieu, ils ont tué Kenny ! .

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-q-element', '<q>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-q-element.html#the-q-element', '<q>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'text.html#h-9.2.2', '<q>')}} {{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}}

Notes

La plupart des navigateurs respectant les standards (comme Mozilla Firefox, Opera, et Safari) ajouteront des guillemets autour du texte contenu dans l'élément <q>.

Quelques navigateurs (comme Internet Explorer) peuvent ne pas changer la mise en forme de l'élément, il est toutefois possible d'utiliser les feuilles de style CSS pour obtenir la mise en forme voulue.

Voir aussi

  • {{HTMLElement("blockquote")}}
  • {{HTMLElement("cite")}}
{{HTML:Element_Navigation}}

Source de la révision

<h2 id="Summary">Résumé</h2>
<p>L'élément <strong>HTML <code>&lt;q&gt;</code> </strong>(pour <em>Quote</em>) indique que le contenu textuel de l'élément est une citation courte. Cet élément est conçu pour contenir des citations courtes ne nécessitant pas différents paragraphes. L'élément {{HTMLElement("blockquote")}} doit être utilisée pour les citations plus longues.</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("HTMLQuoteElement")}}</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>
<dl>
  <dt>
    {{htmlattrdef("cite")}}</dt>
  <dd>
    La valeur de cet attribut est une URL désignant la source du message ou de l'information citée. Cet attribut est prévu pour fournir des renseignements concernant le contexte ou la référence de cette citation.</dd>
</dl>
<h2 id="Example" name="Example">Exemple</h2>
<pre class="brush: html">
&lt;p&gt;Chaque fois que Kenny est tué, Stan dira 
   &lt;q cite="http://fr.wikipedia.org/wiki/Kenny_McCormick#Le_dialogue_rituel"&gt;
     Oh mon Dieu, ils ont tué Kenny !
   &lt;/q&gt;.
&lt;/p&gt;
</pre>
<p>Le fragment de code HTML ci-dessus produire le résultat suivant :</p>
<p>Chaque fois que Kenny est tué, Stan dira <q cite="http://fr.wikipedia.org/wiki/Kenny_McCormick#Le_dialogue_rituel"> Oh mon Dieu, ils ont tué Kenny ! </q>.</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-q-element', '&lt;q&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-q-element.html#the-q-element', '&lt;q&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'text.html#h-9.2.2', '&lt;q&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>
<h3 id="Notes" name="Notes">Notes</h3>
<p>La plupart des navigateurs respectant les standards (comme Mozilla Firefox, Opera, et Safari) ajouteront des guillemets autour du texte contenu dans l'élément<code> &lt;q&gt;</code>.</p>
<p>Quelques navigateurs (comme Internet Explorer) peuvent ne pas changer la mise en forme de l'élément, il est toutefois possible d'utiliser les feuilles de style CSS pour obtenir la mise en forme voulue.</p>
<h2 id="See_also" name="See_also">Voir aussi</h2>
<ul>
  <li>{{HTMLElement("blockquote")}}</li>
  <li>{{HTMLElement("cite")}}</li>
</ul>
<div>
  {{HTML:Element_Navigation}}</div>
Revenir à cette révision