Icônes

Remarques :

La plupart des sites web, sinon tous, comportent des icônes. Il existe donc un moyen simple de référencer des icônes pour les auteurs.

Les icônes sont référencées comme :<iconname>: notation. Comme il existe différentes manières d’implémenter des icônes dans le navigateur, que ce soit sous la forme de classes CSS standard, de polices d’icône ou de SVG, nous offrons une méthode non intrusive pour prendre en charge toutes ces fonctionnalités.

Le projet standard comprend un mécanisme automatique pour insérer des SVG dans l’icône `\`s, car il s’agit de la méthode la plus courante pour gérer les icônes.

Bien que certaines icônes doivent se trouver dans le code (par exemple, les icônes référencées dans les blocs), il arrive que les auteurs doivent ajouter et référencer de nouvelles icônes et les mettre à jour régulièrement. Ces icônes peuvent et doivent coexister avec le contenu sous une /icons/ dans la source de contenu (par exemple, SharePoint ou Google Drive). Ces icônes peuvent également être référencées de la même manière à l’aide de la fonction :<iconname>: notation. Cela permet aux marketeurs d’ajouter et de mettre à jour les icônes dont ils ont besoin pour le contenu sans dépendre d’un changement de code.

Exemple :

Voir Sortie en direct

Structure de contenu :

La variable :<iconname>: peut être inséré dans tous les éléments de contenu par défaut.

Voir Contenu dans le document

Code :

Les icônes sont du contenu par défaut et sont stylisées dans le code CSS spécifique au projet. Si du code JavaScript est nécessaire pour charger les SVG, il peut être adapté selon les besoins.
Ce code est inclus dans Boilerplate, il n’est pas nécessaire de le copier.

Voir Code de chargement de SVG