사용자 지정 블록 페이지의 HTML 및 CSS에 대한 서식 및 스타일 권장 사항을 정의합니다.
CSS
CSS 규칙은 외부 파일, 페이지 내 <style>...</style> 태그 또는 인라인 style 특성을 사용하여 연결할 수 있습니다.
하지만 <style>...</style> 태그는 다음과 같은 이유로 권장됩니다.
- 마크업과 스타일을 명확히 분리할 수 있습니다.
- 좀 더 깔끔한 HTML 마크업을 생성할 수 있고 쉽게 유지 보수할 수 있습니다.
- 선택기를 사용하여 페이지의 여러 요소에 규칙을 적용하여 관리를 개선하고 페이지 크기를 더 작게 만드는 데 보다 효율적입니다.
- 성능을 위해 브라우저에서 캐시할 수 있습니다.
- 정책에서 외부 자산이 차단되어 올바르게 표시되지 않도록 방지합니다.
이미지
이미지의 경우 CSS 배경 또는 <img> 태그가 지원됩니다(JPG, PNG 또는 SVG를 사용하는 Base64를 통해).
일반적으로 Base64 파일 크기는 37% 더 크지만 정책으로 인해 외부 이미지가 로드되지 않을 위험이 있습니다. Base64를 사용하면 이를 방지할 수 있으므로 권장됩니다.
Base64로 변환하기 위해 변환을 수행하고 인코딩된 결과를 제공하는 b64.io 같은 온라인 서비스가 있습니다.
<img> 태그 src 특성 및 CSS background-image 속성에 대한 Base64 사용의 몇 가지 예는 다음과 같습니다.
src="data:image/png;base64,iVBORw0KGgoAhEUgAAA ... FTkSuQmCC"background-image: url(data:image/png;base64,iVBORw0KGgoAAAA ... uQmCC);
변수
다음 변수 목록을 사용하여 사용자 검색 정보를 표시할 수 있습니다.
| 변수 | 설명 | 가용성 |
|---|---|---|
| user | 사용자 ID | 웹 및 이메일 블록 페이지 |
| categories | 차단된 페이지의 범주 | 웹 및 이메일 블록 페이지 |
| url | 차단된 페이지의 URL | 웹 및 이메일 블록 페이지 |
| top_threat | 차단된 페이지의 위협 | 이메일 블록 페이지만 |
| threat_details | 위협에 대한 긴 설명 | 이메일 블록 페이지만 |
| block_message | DLP 규칙에 정의된 사용자 알림 | DLP 블록 페이지만 |
| block_files | DLP 규칙을 위반하는 쉼표로 구분된 파일 목록 | DLP 블록 페이지만 |
| block_app | 차단된 애플리케이션의 이름 | DLP 블록 페이지만 |
이중 중괄호를 사용하여 변수를 HTML 코드에 직접 포함할 수 있습니다.
<strong>{{categories}}</strong>
