Structure et sémantique de HTML5 (4) : Compétences du didacticiel Semantic inline elements_html5

HTML4 utilise 5 éléments en ligne différents pour représenter des codes informatiques légèrement différents : var, code, kbd, tt et samp. Cependant, il ne peut pas représenter des valeurs fondamentales telles que le temps et les nombres. HTML5 fournit plusieurs nouveaux éléments en ligne pour répondre aux besoins des rédacteurs non techniques.
m
L'élément m indique que le texte est "marqué", mais ne doit pas nécessairement être souligné. Pensez-y comme à une section surlignée dans un livre. Les pages mises en cache de Google constituent un cas d'utilisation typique. En cas de lien vers une copie en cache, le terme de recherche est signalé. Par exemple, si vous recherchez « Aigrette », une page Google mise en cache pourrait ressembler à ceci :
La GrandeAigrette(également connue sous le nom de
Aigretteaméricaine) est un grand échassier blanc que l'on trouve dans le monde entier.
La GrandeAigrettevole avec des battements d'ailes lents
Casmerodiusalbus. Il existe actuellement une controverse sur le nom de cet élément. Il peut être modifié de m à mark avant la publication de la spécification.
time
L'élément time représente une valeur temporelle, telle que 17h35, EST, le 23 avril 2007. Par exemple :
J'écris cet exemple à
17h35 le 23 avril
.

L'élément time peut aider les navigateurs et autres programmes à identifier l'heure dans les pages HTML. Il ne nécessite aucun formatage spécifique pour être appliqué au contenu de l’élément. Cependant, chaque élément time doit avoir un attribut datetime contenant une valeur temporelle plus adaptée à la reconnaissance automatique, telle que :
J'écris cet exemple à

17h35 le 23 avril
.

Une valeur temporelle lisible par machine peut être utile pour les moteurs de recherche, les programmes de calendrier, etc.
mètre

　L'élément compteur représente une valeur numérique dans la plage spécifiée. Par exemple, il pourrait être utilisé pour représenter les salaires, le pourcentage d’électeurs français ayant voté pour LePen ou les résultats des tests. Ici, j'utilise un compteur pour tracer les données fournies par un programmeur Google sur Software Development 2007 :
Un programme d'entrée de gamme dans la Silicon Valleypeut s'attendre à démarrer autour de
90 000 $
par an.

L'élément compteur aide les navigateurs et autres clients à identifier les quantités dans les pages HTML. Il ne nécessite aucun formatage spécifique pour être appliqué au contenu de l’élément. Cependant, chaque élément du compteur peut avoir jusqu'à 6 attributs, qui représentent cette quantité sous une forme plus adaptée à la reconnaissance automatique : 🎜>Ces attributs doivent tous contenir un nombre décimal. Par exemple, la note de l'examen final peut s'écrire comme suit :
Votre score était

B
.


Cela signifie que le score de l’élève est de 88,7 sur une échelle de cent points. Le score le plus bas possible est 0, mais le score le plus bas réel est 65. Le score maximum possible est de 100, mais le score maximum réel est de 96. L'agent utilisateur peut afficher ces informations avec une sorte de contrôle numérique, ou il peut afficher des données supplémentaires dans une info-bulle, mais le cas le plus courant est probablement de le styliser comme n'importe quel autre élément en ligne.

progress

L'élément progress représente l'état d'un processus en cours, comme une barre de progression dans une application d'interface utilisateur graphique (GUI). Par exemple, vous pouvez l'utiliser pour indiquer le pourcentage d'un fichier téléchargé ou la position actuelle lors de la lecture d'un film. Le contrôle de progression ci-dessous indique que le téléchargement est terminé à 33 % :

Téléchargé :33%

L'attribut value représente l'état actuel de l'opération. L'attribut max indique le nombre total d'opérations. Cet élément indique que la quantité totale de données à télécharger est de 4 603 807 octets et que 1 534 602 octets ont été téléchargés. Ignorez l'attribut max pour afficher une progression infinie. Lorsque l'opération est en cours, le langage JavaScript doit être utilisé pour mettre à jour dynamiquement la barre de progression. Dans un cas statique, cet élément n’a que peu de sens.
　
　(À suivre)