Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation de la balise ol dans les compétences du didacticiel HTML5_html5

Explication détaillée de l'utilisation de la balise ol dans les compétences du didacticiel HTML5_html5

WBOY
WBOYoriginal
2016-05-16 15:46:262535parcourir

Définition et utilisation
La balise

    définit une liste ordonnée.
    Différences entre HTML 4.01 et HTML 5
    En HTML 4.01, l'attribut "start" était obsolète, alors qu'en HTML 5 il est autorisé.
    Les attributs "compact" et "type" sont obsolètes dans HTML 4.01 et ne sont plus pris en charge dans HTML 5.
    Conseils et notes
    Astuce : utilisez CSS pour définir le type de la liste.
    Exemple

    Code XML/HTMLCopier le contenu dans le presse-papiers
    1. <ol>
    2.  <li>Caféli> 
    3.  <li>Théli> 
    4. ol>
    5. <ol>
    6.  <li début="60" >Caféli>
    7.  <li>Théli> 
    8. ol>


    Le contrôle du numéro de série de la balise OL fourni par HTML5
    La balise OL affiche les données sous la forme d'une liste ordonnée, et elle numérotera automatiquement les données. Mais parfois, les données ne sont pas numérotées à partir de 1, ou les nombres sont disposés dans l'ordre inverse, ou les nombres sont complètement désordonnés. Dans ce cas, vous devez utiliser certains paramètres fournis pour la balise OL en HTML5. Malheureusement, il n'est actuellement pas compatible avec IE.
    Maintenant, nous avons un document HTML comme celui-ci

    Code XML/HTMLCopier le contenu dans le presse-papiers
    1. <ol>
    2. <li>Pomme de terreli> 
    3. <li>oignonli> 
    4. <li>Carotteli> 
    5. <li>Filetli> 
    6. ol>

    Il apparaîtra comme ceci

    Ces numéros de série commencent à 1 et augmentent par défaut. Que se passe-t-il si vous devez organiser les numéros de série dans l'étiquette OL dans l'ordre inverse ? Il suffit d'ajouter un attribut réservé à OL.

    Code XML/HTMLCopier le contenu dans le presse-papiers
    1. <ol inversé="inversé" >
    2. Il s'agit d'une méthode d'écriture héritée du XHTML. En fait, vous pouvez l'écrire directement
    3. .
    4. <ol inversé>

    Ceci est déjà conforme à la norme HTML5. Après avoir ajouté ceci, vous pouvez obtenir le résultat comme celui-ci

    .

    Il n'y a pas de problème dans Chrome et Firefox, mais IE n'est pas compatible avec eux (au moins j'ai testé IE10 et il n'est pas compatible). Eh bien, nous venons juste d'en apprendre davantage sur cette fonction. Quant à savoir si IE l'implémente réellement, nous n'en discuterons pas pour le moment.
    Ensuite, que faire si vous ne voulez pas que ça commence à 1 ? Par exemple, si nous voulons qu'il commence à partir de 3, nous pouvons ajouter l'attribut start à la balise OL et le définir sur 3.

    Code XML/HTMLCopier le contenu dans le presse-papiers
    1. <ol début="3" >

    Enfin, que faire de quelque chose de complètement irrégulier mais ordonné ? Par exemple, si je veux 2, 1, 3, 4, que dois-je faire de cet arrangement ? En fait, vous pouvez contrôler ce numéro de série en ajoutant l'attribut value à LI.

    Code XML/HTMLCopier le contenu dans le presse-papiers
    1. <ol>
    2. <li valeur="2" >Pommes de terreli>
    3. <li valeur="1" >Oignonli>
    4. <li valeur="3" >Carotteli>
    5. <li valeur="4" >Filetli>
    6. ol>

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn