Expand your HTML skills through an MDN Fellowship - Apply by April 1 http://mzl.la/MDNFellowship

mozilla

Revision 316629 of <div>

  • Raccourci de la révision : HTML/Element/div
  • Titre de la révision : div
  • ID de la révision : 316629
  • Créé :
  • Créateur : dhar
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Présentation

L'élément HTML Division du document (<div>) est un conteneur générique permettant d'organiser le contenu mais qui ne réprésente rien de particulier. Il peut être utilisé pour grouper d'autres éléments afin de leur appliquer un style (en utilisant les attributs class ou id), ou parce qu'ils partagent des attributs aux valeurs communes, tel que lang. Il doit être utilisé uniquement lorsqu'aucun autre élément sémantique (comme {{HTMLElement ("article")}} ou {{HTMLElement ("nav")}}) n'est approprié.

Contexte d'utilisation

Catégories de contenu Contenu de flux.
Contenu autorisé Zero ou plusieurs éléments {{ HTMLElement("style") }}, suivi de contenu de flux.
Omission des balises Aucune, la balise d'ouverture et la balise de fermeture doivent toutes les deux être présentes.
Éléments parents possibles tout élément dont le contenu autorisé est du contenu de flux.
Normalisation HTML 5, section 4.5.13; HTML 4.01, section 7.5.4

Attributs

Comme tous les autres éléments HTML, cet élément accepte les attributs globaux.

En {{ HTMLVersionInline(5) }}, l'attribut align est {{ obsolete_inline() }} lorsqu'il est appliqué sur un <div>.

Interface DOM

Cet élément implémente l'interface HTMLDivElement.

Exemples

<div>
  <p>Tout type de contenu. Par exemple &lt;p&gt;, &lt;table&gt;. À vous de voir!</p>
</div> 

Résultat

Tout type de contenu. Par exemple <p>, <table>. You name it!

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }}
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }}

See also

  • Semantic sectioning elements: {{ HTMLElement("section") }}, {{ HTMLElement("article") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}
  • {{ HTMLElement("span") }} element for styling of phrasing content
{{ HTML:Element_Navigation() }}
{{ languages({ "ja": "ja/HTML/Element/div", "en": "en/HTML/Element/div"}) }}

Source de la révision

<h2 id="Pr.C3.A9sentation">Présentation</h2>
<p>L'élément HTML Division du document (&lt;div&gt;) est un conteneur générique permettant d'organiser le contenu mais qui ne réprésente rien de particulier. Il peut être utilisé pour grouper d'autres éléments afin de leur appliquer un style (en utilisant les attributs <strong>class</strong> ou <strong>id</strong>), ou parce qu'ils partagent des attributs aux valeurs communes, tel que <strong>lang</strong>. Il doit être utilisé uniquement lorsqu'aucun autre élément sémantique (comme {{HTMLElement ("article")}} ou {{HTMLElement ("nav")}}) n'est approprié.</p>
<h2 id="Contexte_d_utilisation">Contexte d'utilisation</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Catégories de contenu</td>
      <td><a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_de_flux">Contenu de flux</a>.</td>
    </tr>
    <tr>
      <td>Contenu autorisé</td>
      <td>Zero ou plusieurs éléments {{ HTMLElement("style") }}, suivi de <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_de_flux">contenu de flux</a>.</td>
    </tr>
    <tr>
      <td>Omission des balises</td>
      <td>Aucune, la balise d'ouverture et la balise de fermeture doivent toutes les deux être présentes.</td>
    </tr>
    <tr>
      <td>Éléments parents possibles</td>
      <td>tout élément dont le contenu autorisé est du <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_de_flux">contenu de flux</a>.</td>
    </tr>
    <tr>
      <td>Normalisation</td>
      <td><a class="external" href="http://www.w3.org/TR/html5/grouping-content.html#the-div-element" title="http://www.w3.org/TR/html5/grouping-content.html#the-div-element">HTML 5, section 4.5.13</a>; <a class="external" href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.4" title="http://www.w3.org/TR/html401/struct/global.html#h-7.5.4">HTML 4.01, section 7.5.4</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Attributs">Attributs</h2>
<p>Comme tous les autres éléments HTML, cet élément accepte les <a href="/fr/docs/HTML/Global_attributes" rel="internal" title="https://developer.mozilla.org/fr/docs/HTML/Global_attributes">attributs globaux</a>.</p>
<p>En {{ HTMLVersionInline(5) }}, l'attribut <strong>align</strong> est {{ obsolete_inline() }} lorsqu'il est appliqué sur un <code>&lt;div&gt;</code>.</p>
<h2 id="Interface_DOM">Interface DOM</h2>
<p>Cet élément implémente l'interface <code><a href="/fr/DOM/HTMLDivElement" title="en/DOM/HTMLDivElement">HTMLDivElement</a></code>.</p>
<h2 id="Exemples">Exemples</h2>
<pre class="brush: html">
&lt;div&gt;
  &lt;p&gt;Tout type de contenu. Par exemple &amp;lt;p&amp;gt;, &amp;lt;table&amp;gt;. À vous de voir!&lt;/p&gt;
&lt;/div&gt; 
</pre>
<h4 id="R.C3.A9sultat">Résultat</h4>
<div>
  <p>Tout type de contenu. Par exemple &lt;p&gt;, &lt;table&gt;. You name it!</p>
</div>
<h3 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h3>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari (WebKit)</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>1.0</td>
        <td>{{ CompatVersionUnknown() }}</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>Feature</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE&nbsp;Phone</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="See_also">See also</h2>
<ul>
  <li>Semantic sectioning elements:&nbsp;{{ HTMLElement("section") }}, {{ HTMLElement("article") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}</li>
  <li>{{ HTMLElement("span") }}&nbsp;element for styling of phrasing content</li>
</ul>
<div>
  {{ HTML:Element_Navigation() }}</div>
<div>
  {{ languages({ "ja": "ja/HTML/Element/div", "en": "en/HTML/Element/div"}) }}</div>
Revenir à cette révision