<dfn>

  • Raccourci de la révision : Web/HTML/Element/dfn
  • Titre de la révision : <dfn>
  • ID de la révision : 410671
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Non
  • Commentaire Moved From HTML/Element/dfn to Web/HTML/Element/dfn

Contenu de la révision

Résumé

L'élément HTML <dfn> (pour Definition Element) représente la définition d'un terme.

Notes d'utilisation en HTML5 :
  • L'élément <dfn> marque le terme étant défini. La définition du terme doit être donnée par l'élément {{HTMLElement("p")}}, ou {{HTMLElement("section")}} parent ou par un groupe de liste de définitions (généralement une paire {{HTMLElement("dt")}}, {{HTMLElement("dd")}}).
  • La valeur exacte du terme étant défini est déterminé par les règles suivantes :
    1. Si l'élément <dfn> possède un attribut title alors le terme en question est la valeur de cet attribut.
    2. Sinon et s'il contient seulement un élément {{HTMLElement("abbr")}} avec l'attribut {{htmlattrxref("title", "abbr")}}, alors le terme en question est la valeur de cet attribut.
    3. Dans tous les autres cas, le texte contenu par l'élément <dfn> est le terme qui est défini.

Attributs

Cet élément inclut les attributs globaux.

En HTML5, l'attribut title possède un sens particulier noté ci-dessus.

Exemples

Les exemples suivants représentent du code HTML5 valide.

<!-- Définir "Internet" -->
<p><dfn id="def-internet">Internet</dfn> est un système mondial de réseaux interconnectés utilisant le protocole Internet Protocol Suite (TCP/IP) et connecte des milliards de personnes sur toute la planète.</p>

Plus loin dans le même document :

<dl>
  <!-- Définier "World-Wide Web" et référencer la définition de "Internet" -->
  <dt>
    <dfn>
      <abbr title="World-Wide Web">WWW</abbr>
    </dfn>
  </dt>
  <dd>Le World-Wide Web (WWW) est un système de documents reliés par des hypertextes auxquels on peut accéder par <a href="#def-internet">Internet</a>.</dd>
</dl>

Spécifications

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

  • Les éléments HTML en lien avec les listes de définitions : {{HTMLElement("dl")}}, {{HTMLElement("dt")}}, {{HTMLElement("dd")}}
  • {{HTMLElement("abbr")}}

{{HTML:Element_Navigation}}

Source de la révision

<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>L'élément <strong>HTML <code>&lt;dfn&gt;</code> </strong>(pour<em> Definition Element</em>) représente la définition d'un terme.</p>
<div class="note">
  <strong>Notes d'utilisation en HTML5 :</strong><br />
  <ul>
    <li>L'élément <code>&lt;dfn&gt;</code> marque le terme étant défini. La définition du terme doit être donnée par l'élément {{HTMLElement("p")}}, ou {{HTMLElement("section")}} parent ou par un groupe de liste de définitions (généralement une paire {{HTMLElement("dt")}}, {{HTMLElement("dd")}}).</li>
    <li>La valeur exacte du terme étant défini est déterminé par les règles suivantes :
      <ol>
        <li>Si l'élément <code>&lt;dfn&gt;</code> possède un attribut <code><strong>title</strong></code> alors le terme en question est la valeur de cet attribut.</li>
        <li>Sinon et s'il contient seulement un élément {{HTMLElement("abbr")}} avec l'attribut {{htmlattrxref("title", "abbr")}}, alors le terme en question est la valeur de cet attribut.</li>
        <li>Dans tous les autres cas, le texte contenu par l'élément <code>&lt;dfn&gt;</code> est le terme qui est défini.</li>
      </ol>
    </li>
  </ul>
</div>
<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</a>&nbsp;</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> mais sans élément {{HTMLElement("dfn")}} en tant que descendant.</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")}}.</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>
<p>En HTML5, l'attribut <code><strong>title</strong></code> possède un sens particulier noté ci-dessus.</p>
<h2 id="Exemples">Exemples</h2>
<p>Les exemples suivants représentent du code HTML5 valide.</p>
<pre class="brush: html">
&lt;!-- Définir "Internet" --&gt;
&lt;p&gt;&lt;dfn id="def-internet"&gt;Internet&lt;/dfn&gt; est un système mondial de réseaux interconnectés utilisant le protocole Internet Protocol Suite (TCP/IP) et connecte des milliards de personnes sur toute la planète.&lt;/p&gt;
</pre>
<p>Plus loin dans le même document :</p>
<pre class="brush: html">
&lt;dl&gt;
  &lt;!-- Définier "World-Wide Web" et référencer la définition de "Internet" --&gt;
  &lt;dt&gt;
    &lt;dfn&gt;
      &lt;abbr title="World-Wide Web"&gt;WWW&lt;/abbr&gt;
    &lt;/dfn&gt;
  &lt;/dt&gt;
  &lt;dd&gt;Le World-Wide Web (WWW) est un système de documents reliés par des hypertextes auxquels on peut accéder par &lt;a href="#def-internet"&gt;Internet&lt;/a&gt;.&lt;/dd&gt;
&lt;/dl&gt;
</pre>
<h2 id="Specifications" name="Specifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécifications</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-dfn-element', '&lt;dfn&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-dfn-element.html#the-dfn-element', '&lt;dfn&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'text.html#h-9.2.1', '&lt;dfn&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<div>
  {{CompatibilityTable}}</div>
<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_aussi">Voir également</h2>
<ul>
  <li>Les éléments HTML en lien avec les listes de définitions : {{HTMLElement("dl")}}, {{HTMLElement("dt")}}, {{HTMLElement("dd")}}</li>
  <li>{{HTMLElement("abbr")}}</li>
</ul>
<p>{{HTML:Element_Navigation}}</p>
Revenir à cette révision