Ma couleur préférée, c’est le rouge Chuck Norris

• Définir la couleur du texte sur une page web

  • En général, on utilise la propriété CSS color pour définir la couleur du texte sur une page web.
  • Mais il existe aussi une façon de définir une couleur en utilisant uniquement le HTML.

• L’attribut de couleur en HTML

  • Dans les anciennes versions de HTML, on pouvait définir la couleur du texte avec l’attribut color.
  • Par exemple : <font color="#d72b2b">HTMHell rules!</font>.
  • Si on exécute ce code dans un navigateur, le texte s’affiche en rouge.

• Gestion des valeurs de couleur invalides

  • HTML n’a généralement pas d’état d’erreur, et les navigateurs essaient de traiter au mieux les valeurs invalides.
  • Par exemple, même une valeur de couleur invalide comme <font color="chucknorris"> est interprétée comme du rouge par le navigateur.

• Règles d’analyse des valeurs de couleur

  • Nettoyage initial : suppression du # au début de la valeur.
  • Remplacement des caractères invalides : les caractères qui ne sont ni 0-9 ni A-F/a-f sont remplacés par 0.
  • Standardisation de la longueur : si la chaîne est vide ou si sa longueur n’est pas un multiple de 3, on ajoute des 0.
  • Découpage en RGB : la chaîne est divisée en trois parties utilisées respectivement pour le rouge, le vert et le bleu.
  • Gestion de la longueur : si un composant dépasse 8 caractères, les caractères de gauche sont supprimés.
  • Génération de la couleur finale : les valeurs finales de rouge, vert et bleu sont combinées pour produire la couleur.

• Le traitement des couleurs dans les navigateurs modernes

  • En CSS, lorsqu’une valeur de couleur invalide est fournie, elle n’est pas rejetée mais ajustée.
  • Par exemple, rgb(300, -50, 1000) devient rgb(255, 0, 255).

• La flexibilité du web

  • Le web a été construit sur la flexibilité, ce qui permet encore aujourd’hui d’afficher dans des navigateurs modernes des sites créés en 1996.
  • Un web parfait pourrait être ennuyeux ; le web doit pouvoir gérer toutes sortes d’entrées.

• Références

  • Des informations supplémentaires sont fournies sur le standard HTML et l’analyse des couleurs.

[GN⁺]

Commentaire Hacker News

• Cet article semble recycler le contenu d'une question Stack Overflow vieille de 13 ans

  • Les choses intéressantes créées sur Internet finiront par être exploitées à des fins marketing
  • Il est regrettable que les anciens utilisateurs de Reddit et contributeurs de forums n'aient pas bénéficié de la valeur créée par leur travail
  • Au moins, c'est bien que la référence soit mentionnée à la fin de l'article

• J'aime le fait que chocolate soit réduit à #c0c0a0

• Le billet était bon, mais l'auteur s'est trompé : chucknorris n'est pas rendu en rouge, c'est le rouge qui est rendu en chucknorris

• J'aime le caractère permissif du web

  • La rigueur, comme celle de TypeScript, est bonne pour le business et le travail
  • Le caractère permissif de HTML, CSS et JavaScript a favorisé une large adoption
  • En voyant Rust se heurter à beaucoup de problèmes, cela pourrait être moins un problème de langage qu'un problème de taille d'écosystème
  • Si l'on veut de la rigueur et de la perfection, les applications natives sont plus adaptées
  • Le web se rend très rapidement

• Chuck Norris n'est pas une couleur

  • Les navigateurs ont peur de le signaler

• On peut remplacer o par 0

  • Par exemple : coffee devient #c0ffee
  • baobab devient #ba0bab, decode devient #dec0de

• Certains estiment que les navigateurs devraient être moins permissifs et imposer la perfection

  • Un web parfait serait ennuyeux
  • Il est important que le web fasse fonctionner n'importe quoi
  • Il est important d'éviter les divergences vis-à-vis des standards

• Les noms de couleurs, c'est comme donner des noms à des nombres

  • Quelqu'un en a fait un jeu

• Je suis d'accord sur le fait qu'une attitude permissive facilite la cybercriminalité

  • La sécurité est le prix important à payer
  • Les passionnés de technologies anciennes peuvent faire tourner d'anciens navigateurs web dans des VM sandboxées

• Cela pourrait être une conversion involontaire en rouge