Tutoriel HTML : Production de pages List_HTML/Xhtml_Web ordonnées

Texte original : http://andymao.com/andy/post/103.html
Section précédente : Liste non ordonnée
Parfois, les informations sont résumées dans le désordre, mais certaines ont un ordre clair, ce qui a également été mentionné dans l'article précédent. Pensez donc simplement à ce qui est en ordre autour de vous : étapes de fonctionnement, classements, catalogues de livres... Dans le passé, lorsque nous faisions face à ces contenus avec un ordre ou des chiffres indiquant l'ordre, nous les ajoutions principalement avant la valeur précédente. , ou la valeur ajoutée par le programme. Si vous utilisez une liste ordonnée, vous n'avez pas besoin d'être aussi compliqué. Vous n'avez pas besoin de remplir vous-même les nombres ordinaux. Cette fonctionnalité ne semble pas évidente lorsque vous utilisez une liste à un seul niveau, mais elle devient évidente. lors de l'utilisation de plusieurs niveaux. Commençons donc par comprendre la forme codée d’une liste ordonnée :

1. Voici le contenu de la liste, ceci est la première phrase


2. Voici le contenu de la liste, ceci est la deuxième phrase


3. Voici le contenu de la liste, ceci est la troisième phrase


4. Voici le contenu de la liste, ceci est la quatrième phrase


5. C'est tout pour la liste, c'est la cinquième phrase

Vous pouvez constater que sa forme est la même que celle d'une liste non ordonnée, sauf que les noms sur les étiquettes périphériques sont différents. Le désordre est UL, l'ordre devient OL. La différence est qu'une liste ordonnée aura plus d'attributs de balise qu'une liste non ordonnée. Parce qu’il est ordonné, il implique tous les aspects de l’ordre.
Modifier la valeur de départ
Normalement, le navigateur numérotera automatiquement de manière séquentielle à partir du chiffre arabe « 1 ». Mais les choses sont particulières. Lorsque la liste ordonnée doit être divisée en deux parties, il est naturellement erroné que la personne suivante commence à numéroter depuis le début. Ensuite, le numéro de la partie suivante sera naturellement basé sur le dernier numéro du paragraphe précédent plus 1 comme numéro de départ. Cela signifie que nous devons changer la valeur de départ de la liste. L'attribut qui modifie la valeur de départ est : "start". L'écriture formelle est :

6. Voici le contenu de la liste, ceci est la première phrase


7. Voici le contenu de la liste, ceci est la deuxième phrase


8. Voici le contenu de la liste, ceci est la troisième phrase


9. Voici le contenu de la liste, ceci est la quatrième phrase


10. C'est tout pour la liste, c'est la cinquième phrase

Tout le monde a remarqué que le code ci-dessus signifie que la valeur de départ de la liste commence à 6, alors maintenant vous pouvez essayer d'ajouter cet attribut à une liste ordonnée pour voir s'il a changé ?
Changer le type de numéro
Les navigateurs utilisent généralement des chiffres arabes pour numéroter les listes par défaut, existe-t-il donc un autre type ? Oui, l'attribut est "type", mais il n'y a pas beaucoup de types fournis, seulement cinq types :
Tapez la valeur Générer du style Exemple de séquence UN lettre majuscule A,B,C,D,E un lettres minuscules a, b, c, c, e je chiffres romains majuscules I, II, III, IV, V je chiffres romains minuscules je, ii, iii, iv, v 1 chiffres arabes 1, 2, 3, 4, 5
doit être écrit dans le code comme :

1. Voici le contenu de la liste, ceci est la première phrase


2. Voici le contenu de la liste, ceci est la deuxième phrase


3. Voici le contenu de la liste, ceci est la troisième phrase


4. Voici le contenu de la liste, ceci est la quatrième phrase


5. C'est tout pour la liste, c'est la cinquième phrase

Je pense qu'il est préférable que les gens utilisent ce type avec parcimonie, car ce type peut également être défini en utilisant CSS. J'ai toujours préconisé que les questions de style soient réglées par des langages de style. Donc, sauf raisons particulières, il est préférable de ne pas utiliser cet attribut. Bien sûr, ni CSS1 ni CSS2 ne considèrent fondamentalement que les caractères de numérotation japonais chinois ont été fournis dans CSS2, mais il n'y a pas encore de chinois. Je pense que CSS2 est encore défectueux à ce stade, du moins il ne fournit pas une meilleure forme d'extension. Même s'il ne l'a pas fourni, nous pouvons toujours parvenir à la diversification à notre manière. Comment faire ? S'il vous plaît, réfléchissez-y d'abord, et je vous dirai comment je le gère plus tard dans le contenu de style de la liste.