Ikoner

Anteckningar:

De flesta om inte alla webbplatser har ikoner, därför finns det ett enkelt sätt att referera till ikoner för författare.

Ikoner refereras som :<iconname>: notation. Eftersom det finns olika sätt att implementera ikoner i webbläsaren, antingen som rena CSS-klasser, ikonteckensnitt eller SVG, erbjuder vi ett icke-påträngande sätt att stödja alla dessa.

I mallprojektet finns en automatisk mekanism som infogar SVG i ikonen `\' eftersom det är det vanligaste sättet att hantera ikoner.

En del ikoner måste finnas i koden (ikoner som till exempel refereras i block), men det finns tillfällen när författare måste lägga till och referera till nya ikoner och uppdatera dem kontinuerligt. De här ikonerna kan och bör fungera tillsammans med innehållet under en /icons/ i innehållskällan (t.ex. SharePoint eller Google Drive). De här ikonerna kan också refereras exakt på samma sätt med :<iconname>: notation. Detta gör att marknadsförarna kan lägga till och uppdatera ikoner som de behöver för innehåll utan att vara beroende av en kodändring.

Exempel:

Se Live-utdata

Innehållsstruktur:

The :<iconname>: kan infogas som en del av alla standardinnehållskonstruktioner.

Se innehåll i dokument

Kod:

Ikoner är standardinnehåll och är formaterade i projektspecifik CSS-kod. Om det finns JavaScript som krävs för att läsa in SVG kan det anpassas efter behov.
Den här koden ingår i mallsidan, du behöver inte kopiera den.

Se SVG inläsningskod

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec