Definiert Formatierungs- und Stilempfehlungen für HTML und CSS der benutzerdefinierten Blockseite.
CSS
Die CSS-Regeln können über externe Dateien, seiteninterne <style>...</style>-Tags oder Inline-style-Attribute hinzugefügt werden.
Der <style>...</style>-Tag wird jedoch empfohlen, weil er:
- eine klare Trennung von Markup und Styling bietet
- sauberes HTML-Markup erzeugt und leicht zu pflegen ist
- bei der Anwendung von Regeln auf mehrere Elemente auf einer Seite effizienter mit Selektoren ist, die Verwaltung verbessert und die Seitengröße reduziert.
- von Browsern aus Leistungsgründen zwischengespeichert werden kann
- verhindert, dass externe Assets durch eine Richtlinie blockiert und nicht korrekt angezeigt werden
Images
Für Bilder werden entweder CSS-Hintergrund oder <img>-Tags unterstützt (über Base64 mit JPG, PNG oder SVG).
Im Allgemeinen ist die Base64-Dateigröße um 37 % größer, aber es besteht das Risiko, dass externe Bilder aufgrund einer Richtlinie nicht geladen werden. Dies wird durch die Verwendung von Base64 verhindert und ist daher empfehlenswert.
Um in Base64 zu konvertieren, gibt es einige Online-Dienste wie b64.io, die die Konvertierung vornehmen und das codierte Ergebnis bereitstellen.
Einige Beispiele für die Verwendung von Base64 für das src-Attribut des <img>-Tags und die CSS-Eigenschaft background-image:
src="data:image/png;base64,iVBORw0KGgoAhEUgAAA ... FTkSuQmCC"background-image: url(data:image/png;base64,iVBORw0KGgoAAAA ... uQmCC);
Variablen
Die folgende Liste von Variablen kann verwendet werden, um Informationen über das Browsen des Benutzers anzuzeigen:
| Variable | Beschreibung | Verfügbarkeit |
|---|---|---|
| user | Benutzer-ID | Web- und E-Mail-Blockseiten |
| categories | Kategorien der blockierten Seite | Web- und E-Mail-Blockseiten |
| url | URL der blockierten Seite | Web- und E-Mail-Blockseiten |
| top_threat | Bedrohung der blockierten Seite | Nur E-Mail-Blockseiten |
| threat_details | Lange Beschreibung der Bedrohung | Nur E-Mail-Blockseiten |
| block_message | In der DLP-Regel definierte Benutzerbenachrichtigung | Nur DLP-Blockseiten |
| block_files | Kommagetrennte Liste der Dateien, die gegen die DLP-Regel verstoßen | Nur DLP-Blockseiten |
| block_app | Name der blockierten Anwendung | Nur DLP-Blockseiten |
Variablen können unter Verwendung doppelter geschweifter Klammern direkt in den HTML-Code eingefügt werden.
<strong>{{categories}}</strong>
