Skip to main content

L'étiquette de police par rapport aux feuilles de style en cascade (CSS)

[Fil d'Actu #56] Valls/Fillon, Eau & Mode (Mai 2024)

[Fil d'Actu #56] Valls/Fillon, Eau & Mode (Mai 2024)
Anonim

Avez-vous consulté un très vieux site Web et vu une balise inhabituelle dans le code HTML? Il y a de nombreuses années, les concepteurs Web définissaient les polices de leurs pages Web à l'intérieur du code HTML lui-même, mais la séparation entre structure (HTML) et style (CSS) a mis fin à cette pratique.

Aujourd'hui, dans la conception Web, la balise est obsolète. Cela signifie que la balise ne fait plus partie de la spécification HTML. Bien que certains navigateurs aient toujours pris en charge cette balise après qu’elle soit devenue obsolète, elle n’est plus prise en charge du tout en HTML5, qui est la dernière itération de la langue. Cela signifie que la balise ne devrait plus être trouvée dans vos documents HTML.

L'alternative à l'étiquette de police

Si vous ne pouvez pas définir la police du texte dans la page HTML avec la balise, que devriez-vous utiliser? Les feuilles de style en cascade (CSS) permettent de définir les styles de police (et tous les styles visuels) sur les sites Web actuels. CSS peut faire les mêmes choses que le tag, et bien plus encore. Examinons ce que la balise pourrait faire quand elle serait une option pour nos pages HTML (rappelez-vous, elle n'est plus supportée du tout, alors ce n'est pas une option) et comparons comment faire avec CSS.

Changer la famille de polices

Le caractère de la police est le visage ou la famille de la police. Avec la balise font, vous utiliseriez l'attribut "face" et vous auriez besoin de l'insérer dans le document plusieurs fois pour définir les polices individuelles pour chaque section de texte. Si vous deviez apporter un changement radical à cette police, vous deviez changer chacune de ces balises individuelles. Par exemple:

cette police n'est pas sans serif

En CSS au lieu de la police "face", on l’appelle "famille". Vous écrivez un style CSS qui définirait la police. Par exemple, si vous souhaitez définir tout le texte d'une page sur Garamond, vous pouvez ajouter ce style visuel comme suit:

body {font-family: Garamond, Times, serif; }

Ce style CSS appliquerait la famille de polices de Garamond à tout le contenu de la page Web, car chaque élément du document est un descendant du

Changer la couleur de la police

Comme avec le visage, vous utilisez l'attribut "couleur" et des codes hexadécimaux ou des noms de couleur pour changer la couleur de votre texte. Il y a des années, vous pouviez également définir cela individuellement sur des éléments de texte, comme une balise d'en-tête.

cette police est violet

Aujourd'hui, vous écririez simplement une ligne de CSS.

C'est tellement plus flexible. Si vous deviez changer le

Sur chaque page de votre site, vous pouvez apporter une modification à votre fichier CSS et chaque page utilisant ce fichier sera mise à jour.

Avec le vieux

L'utilisation de CSS pour dicter les styles visuels est un standard de concepteur de sites Web depuis de nombreuses années. Si vous regardez bien une page qui utilise toujours le tag, il s'agit d'une très vieille page et elle doit être réaménagée pour la rendre conforme au Web actuel concevoir les meilleures pratiques et les normes Web modernes.

Edité par Jeremy Girard