Icônes
- Rubriques :
- Edge Delivery Services
Remarques :
La plupart des sites web, voire 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 en tant que notation :<iconname>:. 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 simples, de polices d’icône ou de SVG, nous proposons une manière non intrusive de les prendre en charge.
Le projet standard comprend un mécanisme automatique pour insérer des SVG dans les icônes `<span>\’s , car il s’agit de la méthode la plus courante pour traiter les icônes.
Bien que certaines icônes doivent se trouver dans le code (des icônes référencées dans des blocs, par exemple), 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 résider avec le contenu sous un dossier /icons/ dans la source de contenu (par exemple, SharePoint ou Google Drive). Ces icônes peuvent également être référencées exactement de la même manière en utilisant la notation :<iconname>:. Cela permet aux spécialistes marketing d’ajouter et de mettre à jour les icônes dont ils ont besoin pour le contenu, sans dépendre d’une modification du code.
Exemple :
Structure de contenu :
Le :<iconname>: peut être inséré dans le cadre de tous les éléments de contenu par défaut.
Code :
Les icônes sont du contenu par défaut et sont stylisées dans du code CSS spécifique au projet. Si un JavaScript est nécessaire pour charger les SVG, il peut être adapté si nécessaire.
Ce code est inclus dans Boilerplate, il n’est pas nécessaire de le copier.