HTML 렌더링 설정

HTML 문자열, 파일 또는 웹 URL에서 렌더링할 때 다양한 렌더링 옵션을 구성할 수 있습니다. 위에 표시된 설정에는 구성 가능한 측정 단위를 사용하는 사용자 지정 용지 크기, HTML 배경 활성화, 페이지 방향, 문서 제목, 렌더링 프로세스 지연, CSS 미디어 유형 지정, 용지 모드 선택, 편집 가능한 양식 필드 생성, 여백 사용자 지정 및 페이지 번호 추가가 포함됩니다.

CSS 미디어 유형인 "screen"과 "print"는 표시 또는 출력 매체에 따라 HTML 문서에 스타일을 적용하는 방법을 지정하는 데 사용되는 지시어입니다. 미디어 유형으로 "화면"을 선택하면 CSS 규칙이 화면 보기용으로 설계되었으며, 색상 및 레이아웃과 같은 요소를 디지털 화면에 최적화한다는 것을 나타냅니다. 반대로 "인쇄"를 선택하면 브라우저는 인쇄 문서에 최적화된 스타일을 적용하여 HTML 콘텐츠가 물리적 매체에 인쇄될 때 가독성과 올바른 서식을 보장합니다. 특정 배경 이미지를 표시하기 위해 CSS 미디어 유형을 "screen"으로 설정해야 하는 경우가 있습니다.

렌더링 과정의 지연은 주로 자바스크립트나 글꼴이 로드될 수 있는 충분한 시간을 제공하기 위한 것입니다.

설명:

  • HTML Structure: The code is structured in a standard HTML5 format with a <head> and <body> section.
  • Metadata: The <meta> tags define the character set and viewport for responsive design.
  • 스타일시트:

    • 기본 본문 스타일: 모든 미디어에 적용되는 글꼴 종류와 여백을 설정합니다.
    • 화면 미디어 쿼리: 디지털 화면에 밝은 회색 배경과 어두운 텍스트를 적용합니다.
    • 인쇄 매체 쿼리: 인쇄에 일반적으로 사용되는 흰색 배경과 검은색 텍스트를 적용합니다.
  • 사용 예시: 제공된 HTML 및 CSS 구조는 콘텐츠가 화면에 표시되는지 또는 인쇄되는지에 따라 서로 다른 스타일을 적용하는 방법을 보여줍니다.

GitHub에서 더 많은 PDF 생성 설정 예제를 확인하세요.

시작할 준비 되셨나요?
버전: 2026.2 방금 출시되었습니다