사용자 지정 블록 페이지의 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>