Cette section définit les recommandations de formatage et de style pour HTML et CSS de la page de blocage personnalisée.

CSS

Les règles CSS peuvent être jointes à l'aide de fichiers externes, de balises <style>...</style> dans la page ou d'attribut style en ligne.

Toutefois, la balise <style>...</style> est recommandée, car elle :

  • Fournit une séparation claire entre le balisage et le style.
  • Produit un balisage HTML plus propre et est facile à maintenir.
  • Est plus efficace avec des sélecteurs pour appliquer des règles à plusieurs éléments sur une page, ce qui améliore la gestion et réduit la taille de la page.
  • Peut être mise en cache par les navigateurs pour de meilleures performances.
  • Évite que les ressources externes ne soient bloquées par une stratégie et ne s'affichent pas correctement.

Images

Pour les images, l'arrière-plan CSS ou des balises <img> sont pris en charge (via Base64 avec JPG, PNG ou SVG).

En général, la taille du fichier Base64 est supérieure de 37 %, mais il existe un risque que les images externes ne soient pas chargées en raison d'une stratégie. L'utilisation de Base64 l'empêche et est donc recommandée.

Pour effectuer la conversion en Base64, certains services en ligne, tels que b64.io, effectuent la conversion et fournissent le résultat codé.

Exemples d'utilisation de Base64 pour l'attribut src de la balise <img> et la propriété CSS background-image :

  • src="data:image/png;base64,iVBORw0KGgoAhEUgAAA ... FTkSuQmCC"
  • background-image: url(data:image/png;base64,iVBORw0KGgoAAAA ... uQmCC);

Variables

La liste de variables suivante peut être utilisée pour afficher les informations de navigation utilisateur :

Variable Description Disponibilité
user ID d'utilisateur Pages de blocage Web et d'e-mail
catégories Catégories de la page bloquée Pages de blocage Web et d'e-mail
url URL de la page bloquée Pages de blocage Web et d'e-mail
top_threat Menace de la page bloquée Pages de blocage d'e-mails uniquement
threat_details Description longue de la menace Pages de blocage d'e-mails uniquement
block_message Notification utilisateur définie dans la règle DLP Pages de blocage DLP uniquement
block_files Liste de fichiers séparés par des virgules en violation de la règle DLP Pages de blocage DLP uniquement
block_app Nom de l'application bloquée Pages de blocage DLP uniquement

Les variables peuvent être incluses directement dans le code HTML, à l'aide d'accolades doubles.

<strong>{{categories}}</strong>