From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/html/element/ol/index.html | 237 ++++++++++++++++++++++++++++++++ 1 file changed, 237 insertions(+) create mode 100644 files/fr/web/html/element/ol/index.html (limited to 'files/fr/web/html/element/ol') diff --git a/files/fr/web/html/element/ol/index.html b/files/fr/web/html/element/ol/index.html new file mode 100644 index 0000000000..1bc58e0eba --- /dev/null +++ b/files/fr/web/html/element/ol/index.html @@ -0,0 +1,237 @@ +--- +title: '
    : l''élément de liste ordonnée' +slug: Web/HTML/Element/ol +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/ol +--- +
    {{HTMLRef}}
    + +

    L'élément HTML <ol> représente une liste ordonnée. Les éléments d'une telle liste sont généralement affichés avec un indicateur ordinal pouvant prendre la forme de nombres, de lettres, de chiffres romains ou de points. La mise en forme de la numérotation n'est pas utilisée dans la description HTML mais dans la feuille de style CSS associée grâce à la propriété {{cssxref("list-style-type")}}.

    + +
    {{EmbedInteractiveExample("pages/tabbed/ol.html", "tabbed-shorter")}}
    + + + +

    Attributs

    + +

    Cet élément dispose des attributs universels.

    + +
    +
    {{htmlattrdef("reversed")}} {{HTMLVersionInline(5)}}
    +
    Cet attribut booléen précise que les objets listés par l'élément sont affichés avec un ordre inversé (l'objet le moins important apparaît en première position).
    +
    {{htmlattrdef("start")}} {{HTMLVersionInline(5)}}
    +
    La valeur de cet attribut, un nombre entier, définit l'indice à partir duquel les objets de la liste sont numérotés. Bien que les indices des éléments puissent être des nombres romains ou des lettres la valeur de cet attribut doit être un nombre. Ainsi pour commencer la numérotation des éléments avec la lettre « C », il faudra entrer : <ol start="3">. Cet attribut a été déprécié en HTML4 mais a été réintroduit en HTML5.
    +
    + +

    Attributs dépréciés et obsolètes

    + +
    +
    {{htmlattrdef("compact")}} {{deprecated_inline}}
    +
    +

    Cet attribut booléen indique si la liste doit être affichée avec un style compact. L'interprétation de cet attribut dépend de l'agent utilisateur utilisé et ne fonctionne pas avec tous les navigateurs.

    + +
    Attention ! Cet attribut ne doit pas être utilisé car il a été déprécié : les feuilles de style CSS doivent être utilisées pour la mise en forme de l'élément {{HTMLElement("ol")}}. Afin d'obtenir un effet similaire à cet attribut, la propriété CSS {{cssxref("line-height")}} peut être utilisée avec une valeur de 80%.
    +
    +
    + +
    +
    {{htmlattrdef("type")}} {{deprecated_inline}}
    +
    Cet attribut définit comment les nombres ordinaux doivent être affichés. Il peut valoir les caractères suivants : +
      +
    • a : lettres minuscules
      • +
    • A : lettres majuscules
      • +
    • i : nombres romains en minuscules
      • +
    • I : nombres romains en majuscules
      • +
    • 1 : nombres
      • +
    + Le type sélectionné est alors utilisé pour toute la liste à moins qu'un élément {{HTMLElement("li")}} de la liste utilise une autre valeur pour l'attribut {{htmlattrxref("type", "li")}} + +
    Attention ! Cet attribut ne doit pas être utilisé car il a été déprécié : les feuilles de style CSS doivent être utilisées pour la mise en forme de l'élément {{HTMLElement("ol")}}. La propriété CSS {{cssxref("list-style-type")}} doit être utilisé à la place de cet attribut.
    +
    +
    + +

    Note d'utilisation

    + + + +

    Exemples

    + +

    Exemple simple

    + +

    HTML

    + +
    <ol>
+  <li>Premier élément</li>
+  <li>Deuxième élément</li>
+  <li>Troisième élément</li>
+</ol>
+
    + +

    Résultat

    + +

    {{EmbedLiveSample("Exemple_simple","300","150")}}

    + +

    Exemple avec start

    + +

    HTML

    + +
    <ol start="7">
+  <li>Premier élément</li>
+  <li>Deuxième élément</li>
+  <li>Troisième élément</li>
+</ol>
+
    + +

    Résultat

    + +

    {{EmbedLiveSample("Exemple_avec_start","300","150")}}

    + +

    Utiliser les chiffres romains

    + +

    HTML

    + +
    <ol type="i">
+  <li>toto</li>
+  <li>truc</li>
+  <li>bidule</li>
+</ol>
    + +

    Résultat

    + +

    {{EmbedLiveSample("Utiliser_les_chiffres_romains","300","150")}}

    + +

    Listes imbriquées

    + +

    HTML

    + +
    <ol>
+  <li>Premier élément</li>
+  <li>Deuxième élément  <!-- La balise </li> n'est pas encore placée ! -->
+    <ol>
+      <li>Premier élément de la liste imbriquée</li>
+      <li>Deuxième élément de la liste imbriquée</li>
+      <li>Troisième élément de la liste imbriquée</li>
+    </ol>
+  </li>                 <!-- Voici la balise </li> ! -->
+  <li>Troisième élément</li>
+</ol>
+
    + +

    Résultat

    + +

    {{EmbedLiveSample("Listes_imbriquées","300","300")}}

    + +

    Listes imbriquées avec <ol> et <ul>

    + +

    HTML

    + +
    <ol>
+  <li>Premier élément</li>
+  <li>Deuxième élément  <!-- La balise </li> n'est pas placée ici ! -->
+    <ul>
+      <li>Premier élément de la liste non-ordonnée imbriquée</li>
+      <li>Deuxième élément de la liste non-ordonnée imbriquée</li>
+      <li>Troisième élément de la liste non-ordonnée imbriquée</li>
+    </ul>
+  </li>                 <!-- La balise </li> est ici. -->
+  <li>Troisième élément</li>
+</ol>
+
    + +

    Résultat

    + +

    {{EmbedLiveSample("Listes_imbriquées_avec_&lt;ol&gt;_et_&lt;ul&gt;","300","300")}}

    + +

    Résumé technique

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Catégories de contenuContenu de flux, et du contenu tangible si les enfants de l'élément <ol> incluent au moins un élément {{HTMLElement("li")}}.
    Contenu autoriséZéro, un, ou plusieurs éléments {{HTMLElement("li")}} (qui peuvent imbriquer d'autres éléments {{HTMLElement("ol")}} ou {{HTMLElement("ul")}}).
    Omission de balises{{no_tag_omission}}
    Parents autorisésTout élément acceptant du contenu de flux.
    Rôles ARIA autorisés{{ARIARole("directory")}}, {{ARIARole("group")}}, {{ARIARole("listbox")}}, {{ARIARole("menu")}}, {{ARIARole("menubar")}}, {{ARIARole("radiogroup")}}, {{ARIARole("tablist")}}, {{ARIARole("toolbar")}}, {{ARIARole("tree")}}, {{ARIARole("presentation")}}
    Interface DOM{{domxref("HTMLOListElement")}}
    + +

    Spécifications

    + + + + + + + + + + + + + + + + + + + + + + + + + + +
    SpécificationÉtatCommentaires
    {{SpecName('HTML WHATWG', 'semantics.html#the-ol-element', '<ol>')}}{{Spec2('HTML WHATWG')}}Aucune modification depuis la dernière dérivation W3C {{SpecName('HTML5 W3C')}}.
    {{SpecName('HTML5 W3C', "grouping-content.html#the-ol-element", "HTMLOListElement")}}{{Spec2('HTML5 W3C')}}Ajout des attributs reversed et start. L'attribut type n'est plus déprécié.
    {{SpecName('HTML4.01', 'struct/lists.html#h-10.2', '<ol>')}}{{Spec2('HTML4.01')}}Dépréciation des attributs compact et type.
    + +

    Compatibilité des navigateurs

    + + + +

    {{Compat("html.elements.ol")}}

    + +

    Voir aussi

    + + -- cgit v1.2.3-54-g00ecf