W3C

한국어 텍스트 레이아웃 및 타이포그래피를 위한 요구사항

W3C 기술노트

현재 버전:
http://www.w3.org/TR/2013/WD-klreq-20130514/korean/
최신 버전:
http://www.w3.org/TR/klreq/korean/
저자:
임순범, 숙명여자대학교
심우진, Invited Expert
이용제, 계원예술대학교
남동선, ㈜한글과컴퓨터
김현영, ㈜다우인큐브
임용호, School of Visual Art

이 문서의 정식판은 영문판입니다.


요약

이 문서는 CSS, SVG, XSL-FO 등의 기술에서 구현되는 일반적인 한국어/한글 텍스트 레이아웃과 타이포그래피를 위한 요구사항을 기술하고 있다. 이 문서는 한글 텍스트 레이아웃에 대한 국제표준안 제안과제에 근거하고 있다.

현재 문서의 상태

이 문서의 상태는 정식판인 영문판을 참조하기 바란다.

목차

1. 소개

1.1 문서의 목적

각각의 문화 공동체는 자신만의 언어와 문자 체계를 갖는다. 특히 동양과 서양의 경우에는 이러한 차이가 크다. 따라서 이러한 언어 시스템을 디지털화하여 표현하는 데는 언어 시스템을 정확하게 표현하기 위한 많은 정보와 기술이 필요하다.

본 문서의 목적은 한국어/한글 시스템을 디지털화하는데 필요한 다른 언어와의 중요한 차이점을 설명하기 위하여 작성되었다. 그러나 실제 구현이나 문제를 해결하기 위한 솔루션을 제공하는 것이 아닌 기본적인 정보로서 중요하게 처리되어야 할 이슈를 기술하는데 목적이 있다.

1.2 문서가 작성된 방법

본 문서는 한국 기술 표준원의 표준기술력향상 사업의 지원과제를 통하여 많은 한국어 관련 이슈를 토론하고 실제 사용자와 기술적 전문가로부터 수집된 요구사항을 기반으로 작성되었다.

본 문서 작성에는 아래와 같은 전문가가 포함되어 있다 :

  1. 한국어 텍스트 폰트 전문가
  2. 국제 및 국내(Korea) 표준 전문가
  3. 학계, 산업계 전문가

본 문서를 개발하기 위해서 언급되는 내용은 한국어 시스템과 연관 있는 내용이므로, 모든 논의는 한국어로 진행되었으며, 개발된 한국어 문서를 기반으로 영문으로 번역되었다.

한국어 시스템에 대한 논의와 기술 시 기술적인 용어에 대해서는 해당 한국어를 의미하는 영어 단어가 존재한다 하더라도 주위를 기울여 그 두 언어 사이에 존재할 수 있는 잠재적인 차이점과 뉘앙스에 대해 검토하였으며, 한국어와 영어를 동시에 표현하여 향후 논의를 지속할 수 있도록 하였다. 또한 많은 그림을 삽입하여 영어로 표현하기 힘든 부분에 대해서 가능한 쉽게 정리하는 노력을 하였다.

1.3 문서 개발을 위한 기본 원칙

이 문서는 다음의 정책을 따라 한국어의 특성을 주요하게 설명한다.

  1. 한국어 타이포그래피의 모든 이슈를 다루지 않는다. 그러나 서양 언어 시스템과 주요한 차이에 대해 논의한다.

  2. 모든 이미지의 텍스트는 한국어로 표현한다. 그러나 이를 어떻게 구현하는지에 대한 기술적인 내용은 본 문서의 범위 밖이다.

  3. 독자가 내용에 대한 사용방법을 보다 쉽게 이해할 수 있도록 하기 위해 실제 사용되는 전형적인 예제를 제공한다.

  4. 텍스트 레이아웃 규칙과 읽도록 하는 디자인의 권고안들은 서로 다르다. 그러나 이들 두 가지 이슈를 각각 독립적으로 논의하기는 어렵다. 본 문서에서는 이 두 형태가 조심스럽게 분리된다.

1.4 문서의 구조

본 문서는 6개의 장으로 구성되어 있으며 그 구성은 아래와 같다:

  1. 소개
  2. 한글폰트
  3. 글자 단위 타이포그래피
  4. 단락 단위 타이포그래피
  5. 문단 외 요소
  6. 쪽 단위 레이아웃

2. 한글폰트

2.1 한글 폰트 개요

한글 폰트의 글자는 한글, 문장부호, 로마자, 숫자, 특수문자(약물)로 구성된다.

2.1.1 유니코드에서 한글 코드 영역

유니코드의 한글 영역에는 완성형 한글 글자와 자모로 구성되어 있다. (코드표는 부속서 A 참조)

  • 완성형 한글: U+AC00 ~ U+D7A3
  • 한글 자모: U+1100 ~ U+11FF
  • 한글 호환 자모: U+3130 ~ U+318E
  • 한글 자모 확장-A: U+A960 ~ U+A970
  • 한글 자모 확장-B: U+D780 ~ U+D7FB

2.1.2 유니코드에 의거한 한글 문장 부호 영역

한글 환경에서는 다음과 같은 문장 부호를 사용한다. (코드표는 부속서 A 참조)

  • 기본 로마자 (U+0020~U+007F): 로마자(비례폭), 숫자, 반각 약물
  • 일반 구독점 (U+2010~): 굽은 따옴표
  • 위첨자, 아래첨자 (U+2070~)
  • 통화 기호 (U+20A0~): ₩
  • 문자형 기호 (U+2100~): ℃, ℉, №
  • 숫자류 (U+2050~) : 분수, 로마 숫자
  • 화살표 (U+2190~)
  • 수학 기호 (U+2200~)
  • 둘러싼 로마자·숫자 (U+2460~)
  • 괘선 요소 (U+2500~)
  • 블럭 요소 (U+2580~)
  • 기하 도형 (U+25A0~)
  • 기타 기호 (U+2600~): 별, 하트, 깃발, 해, 구름. 달, 우산
  • 딩벳 장식 기호 (U+2700~)
  • CJK 기호 및 구두점 (U+3000~): 전각 괄호, 온점, 고리점
  • 한글 호환 자모 (U+3130~)
  • 둘러싼 CJK 문자·숫자 (U+3200~)
  • 한글 자모 확장A (U+A960~)
  • 한글 완성형 (U+AC00~U+D7A3)
  • 한글 자모 확장B (U+D7B0~)
  • CJK호환한자 (U+F900~)
  • CJK호환형 (U+FE30~FE48): 세로짜기 괄호, 구독점

2.1.3 한글 가로짜기 및 세로짜기 문장 부호

CJK 전각 기호와 문장부호(CJK Symbols and Punctuation; U+3008~U+300F)를 기본으로 사용한다. 단, 구독점의 경우, 가로짜기에는 반각 문장 부호(반점(쉼표); U+002C, 온점(마침표); U+002E)를, 세로짜기에는 전각 문장 부호(모점; U+3001, 고리점; U+3002) 사용을 기본값으로 한다.

그림 1 가로쓰기용 CJK 전각 기호와 문장부호(U+3000~)
그림 2 세로쓰기용 CJK 전각 기호와 문장부호(U+FE30~)

2.2 한글 폰트의 종류

한글은 낱 글자의 글자틀의 너비에 따라 비례폭과 고정폭을 사용한다.

2.2.1 비례폭 한글 폰트

한글(Hangul Syllables; U+AC00 ~ U+D7A3) 글리프가 ‘각 글자면 너비에 비례하는 글자틀 폭’을 사용하는 방식이다.

2.2.2 고정폭 한글 폰트

한글(Hangul Syllables; U+AC00 ~ U+D7A3) 글리프에 일정한 글자틀 폭을 사용하는 방식이다.

2.3 '글자틀 내 글자면 위치' 표준

고정폭 한글 폰트의 '글자틀 내 글자면 위치'를 표준화는 한글 폰트 간의 글자사이 비율 호환성을 향상하기 위함이다(한글 폰트를 변경해도 문장부호의 좌우 여백 관계가 그대로 유지되도록 한다. 글줄 시작에 위치한 열기 괄호·따옴표에 의도치 않은 여백이 생겨 단락의 왼쪽 외곽선이 흐트러지는 경우를 방지한다).

그림 3 글자틀 내 글자면 위치

2.3.1 전각 괄호의 '글자틀 내 글자면 위치' 지정

가로짜기의 경우 전각 열기 괄호의 글자면은 글자틀의 오른쪽(가로짜기)·아랫쪽(세로짜기) 끝에 두고, 왼쪽 여백은 사용자 조정 영역으로 간주한다. 세로짜기의 경우 전각 열기 괄호의 글자면은 글자틀의 아랫쪽 끝에 두고, 여백은 사용자 조정 영역으로 간주한다.

그림 4 전각 열기 괄호와 굽은 열기 따옴표의 글자틀 내 위치 ({[〔《「『 ‘ “ (U+FF08, U+FF5B, U+FF3B, U+3014, U+300A, U+300C, U+300E, U+ 02BB, U+201C)

가로짜기의 경우 전각 닫기 괄호의 글자면은 글자틀의 왼쪽(가로짜기)·윗쪽(세로짜기) 끝에 두고, 오른쪽 여백은 사용자 조정 영역으로 간주한다. 세로짜기의 경우 전각 닫기 괄호의 글자면은 글자틀의 윗쪽 끝에 두고, 여백은 사용자 조정 영역으로 간주한다.

그림 5 전각 닫기 괄호와 굽은 닫기 따옴표의 글자틀 내 위치 )}]〕》」』’ ” (U+FF09, U+FF5D, U+FF3D, U+3015, U+300B, U+300D, U+300F, U+02BC, U+201D)

2.3.2 구두점의 '글자틀 내 글자면 위치' 지정

가로짜기의 경우 글자틀의 왼쪽 끝에 글자면을 배치한다. 나머지 우측 영역은 폰트 사용자의 임의 여백 지정이 가능하도록 한다.

그림 6 구두점의 글자틀 내 위치 . , 。、(U+002E, U+002C, U+3002, U+3001)

2.3.3 기타 글리프의 '글자틀 내 글자면 위치' 지정

비레폭 혹은 고정폭으로 디자인한다.

2.4 한글 폰트 커닝

한글 환경에 사용되는 모든 문자 또는 문자 클래스 간의 커닝을 조정하는 타이포그래픽 옵션이다.

2.4.1 한글 폰트에 커닝 적용

한글 커닝은 초성, 중성, 종성의 조합에 따라 만들어지는 글자의 속공간과 외곽영역을 고려하여 지정한다.

그림 7 한글 폰트 커닝 적용

2.4.2 한글 그룹 커닝

한글 완성형 11,172자의 커닝 작업에는 효율적인 작업을 위해 그룹 커닝을 적용할 수 있다. 그룹 커닝을 적용하기 위해서 커닝 그룹을 설정하고 그룹 커닝의 짝을 지정한다.

그림 8 한글 커닝 그룹 작성
그림 9 한글 그룹 커닝의 짝 적용

3. 글자 단위 타이포그래피

타이포그래픽 옵션에는 활자 단위로 제어하는 옵션과 단락 단위로 제어하는 옵션이 있다. 여기에서는 폰트 자체와 폰트를 다루는 시스템 상의 설정 모두를 다룬다.

3.1 문자 클래스에 대하여

타이포그래피 환경에서 동일한 특성을 갖는 문자·기호를 분류하여 문자 클래스별로 조판 설정을 적용한다.

3.1.1 대표적 타이포그래픽 특성

  1. 글자틀 폭에는 전각, 반각, 비례폭이 있다.
  2. 글줄 시작에 올 수 없는 문자 군이 있다.
  3. 글줄 끝에 올 수 없는 문자 군이 있다.
  4. 문자 군 간의 경계지점에 글자사이 설정한다(예를 들어 4분각 삽입).

3.1.2 문자·기호의 타이포그래픽 특성별 분류 예시

한글 환경에서 문자와 기호는 타이포그래픽 특성에 따라 괄호, 하이픈, 문장구분 기호 등 32가지로 구분한다.

cl1. 한글 열기 괄호
({[〔《「『‘ “ (U+FF08, U+FF5B, U+FF3B, U+3014, U+300A, U+300C, U+300E, U+02BB, U+02BB)
cl2. 한글 닫기 괄호
)}]〕》」』’ ”(U+FF09, U+FF5D, U+FF3D, U+3015, U+300B, U+300D, U+300F, U+02BC, U+02BC)
cl3. 로마자 열기 괄호
( { [ (U+0028, U+007B, U+005B)
cl4. 로마자 닫기 괄호
) } ] (U+0029, U+007D, U+005D)
cl5. 하이픈 기호
‐-—〜(U+2010, U+002D, U+2014, U+FF5E)
cl6. 문장 구분 기호
?! (U+FF1F, U+FF01)
cl7. 중점류
· : ; : ;(U+00B7, U+003A, U+FF1A, U+FF1B)
cl8. 마침표 기호(구점)
. 。.(U+002E, U+3002, U+FF0E, U+3001, U+2014, U+FF0C)
cl9. 쉼표 기호(독점)
,、(U+3001, U+2014, U+FF0C)
cl10. 분리 금지 기호
— … ‥ (U+2014, U+2026, U+2025)
cl11. 반복 기호류
〃(U+3003)
cl12. 장음 기호
ー (U+30FC)
cl13. 숫자 앞 기호
$, ¥
cl14. 숫자 뒤 기호
%, ℃
cl15. 공목
  (U+3000, U+2002)
cl16. 완성형 한글
(U+AC00~U+D7A3)
cl17. 한글 자모
(U+3130~, U+A960~, U+A960~)
cl18. 부호류
=≠<>≦≧⊆⊇∪∩
cl19. 연산 기호
+-÷×
cl20. 한자류(CJK호환한자)
(U+F900~)
cl21. 비례폭 로마자
(U+0041~U+005A, U+0061~U+007A)
cl22. 전각단위기호
㎥; 주로 세로짜기에 사용한다.
cl23. 로마자 띄어쓰기
(U+0020)
cl24. 로마자용 문자
(U+002C~… ~U+261E)
cl25. 비례폭 숫자
(U+0030~U+0039)
cl26. 고정폭 반각 숫자
(U+0030~U+0039)
cl27. 고정폭 전각 숫자
(U+0020~U+007F)
cl28. 고정폭 전각 로마자
(U+FF21~U+FF5A)
cl29. 글줄 시작 지점 문자(상대값)
cl30. 글줄 끝 지점 문자(상대값)
cl31. 단락 시작 지점 문자(상대값)
cl32. 특정 문자 직접 입력(사용자 정의)

3.1.3 각 문자 클래스별 배치 방법

  1. 금칙 설정: 문자 클래스 별로, 글줄 시작·끝에 배치 가능 여부를 설정한다.
  2. 문자 클래스 간 간격 설정: 각 문자 클래스 간의 간격을 설정한다.

3.2 한글 환경에서 사용하는 문자(문장 부호 제외) 종류와 타이포그래피 규칙

3.2.1 한글 조판에 사용하는 문자 종류

  1. 한글 호환 자모 (U+3130~)
  2. 둘러싼 CJK 문자·숫자(21~50) (U+3200~)
  3. 한글 자모 확장 (U+A960~)
  4. 한글 완형성 (U+AC00~U+D7A3)
  5. 한글 자모 확장B (U+D7B0~)
  6. CJK 호환 한자 (U+F900~)

3.2.2 한글, 한자, 가나 등 문자의 글자사이 설정

한글, 한자, 가나 등의 문자는 글자사이 0으로 배열하는 것을 기본으로 한다. 추가적으로 좁혀짜기, 넓혀짜기, 양끝 맞추기 등의 글자사이 설정 방식이 있다.

3.3 한글 및 로마자 섞어짜기(세로 짜기 중 일부 가로 짜기 옵션 포함)

섞어짜기는 한글 문장 속에 로마자, 숫자, 기호 등을 함께 짜는 경우를 말한다.

3.3.1 한글·로마자 섞어짜기에 사용하는 문자; 가로짜기

완성형 한글(Hangul Syllables), 비례폭 로마자(Basic Latin), 고정폭 또는 비례폭 아라비아 숫자를 사용한다.

그림 10 가로짜기 섞어짜기 예

3.3.2 한글·로마자 섞어짜기에 사용하는 문자; 세로짜기

  1. 로마자를 한 글자씩 세로로 배열한다.

    그림 11 세로짜기 로마자 섞어짜기
  2. 로마자를 시계방향 90도로 회전하여 배열한다.

    그림 12 세로짜기 로마자 회전 섞어짜기 예
  3. 세로 짜기 중 일부 가로 짜기 처리; 두 자릿수의 숫자의 경우 그룹화하여 시계방향 90도로 회전한 후, 글줄 가운데에 정렬한다. 주로 두 자릿수 숫자에 사용한다.

    그림 13 세로 짜기 중 일부 가로 짜기 예

3.4 첨자 처리

첨자는 문자(어미 글자) 옆에 붙이는데 그 위치에 따라 윗 첨자와 아랫 첨자가 있다. 국제단위계(SI)의 단위, 수식, 화학식, 각주 번호 등에 사용한다. 어미글자와 첨자의 글자사이는 0을 기본으로 한다.

첨자의 크기는 일반적으로 어미 글자의 60~70%를 많이 사용한다

그림 14 첨자 예

3.5 등호 류, 연산 기호 배열

  1. 부호류, 연산 기호류와 한글과의 글자사이는 사용자 정의 공백(8분각 권장) 지정을 기본으로 한다.
  2. 부호류, 연산 기호류와 숫자, 로마자와의 글자사이는 0을 기본으로 한다.

4. 단락 단위 타이포그래피

타이포그래픽 옵션에는 활자 단위로 제어하는 옵션과 단락 단위로 제어하는 옵션이 있다. 이 이슈에서는 폰트 자체가 아닌 폰트를 다루는 조판/레이아웃/편집 시스템 상의 설정을 다룬다.

4.1 짜기 방향 (가로짜기, 세로짜기)

4.1.1 한글 조판에서의 활자 짜기 방향

한글 짜기에는 가로짜기와 세로짜기가 있다.

그림 15 가로짜기 및 세로짜기 (화살표는 텍스트 진행방향을 나타낸다)

4.1.2 가로짜기와 세로짜기의 주요 차이점

  1. 문자, 글줄, 단, 페이지의 진행 방향은 다음과 같다.
    • 세로짜기의 경우:

      문자는 위에서 아래로, 글줄은 오른쪽에서 왼쪽으로 진행한다.

      단은 위에서 아래로, 페이지는 오른쪽에서 왼쪽으로 진행하며. 왼쪽에서 오른쪽으로 페이지를 넘긴다.

      그림 16 세로짜기에서 글자 진행 방향
    • 가로짜기의 경우:

      문자는 왼쪽에서 오른쪽으로, 글줄은 위에서 아래로 진행한다.

      단은 왼쪽에서 오른쪽으로, 페이지는 왼쪽에서 오른쪽으로 진행하며, 오른쪽에서 왼쪽으로 페이지를 넘긴다.

      그림 17 가로짜기에서 글자 진행 방향
  2. 문장에 삽입된 로마자 및 숫자의 방향은 다음과 같다:

    가로짜기는 정상적인 방향으로 배치하고, 세로짜기 경우는, 다음 세 가지 배치 방법이 있다.

    • 한글과 같은 방향으로 한 글자씩 배열한다.

      그림 18 세로짜기에서 글자 배열 - 일반적인 배열
    • 문자를 시계 방향으로 90도를 돌려 배열한다. 주로 로마자 단어를 표현한다.

      그림 19 세로짜기에서 글자 배열 - 90도 회전 배열
    • 한글과 같은 방향으로 한다. 두 자릿수의 숫자는 그룹화하여 시계방향 90도로 회전한 후, 글줄 가운데에 정렬한다.

      그림 20 세로짜기에서 글자 배열 - 합자 배열
  3. 표, 그림 등의 캡션 이나 제목은 시계방향 또는 반 시계방향으로 회전하여 배열한다.

    그림 21 세로쓰기에서 90도 회전한 표 및 표 캡션
    • 세로짜기에서 표, 그림 등의 상단이 면의 오른쪽에 오도록 배열한다. 가로방향 캡션 처리를 할 경우는 표, 그림 등의 상단이 면의 위쪽으로 오도록 배열한다.

      그림 22 세로짜기에서 그림이 면 위쪽 사용 예
    • 가로짜기에서 표, 그림 등의 상단이 면의 왼쪽에 오도록 배열한다. 가로방향 캡션 처리를 할 경우는 표, 그림 등의 상단이 면의 위쪽으로 오도록 배치한다.

      그림 23 가로쓰기에서 90도 회전한 표 및 표 캡션
  4. 글줄 맞추기, 여러 단으로 구성된 레이아웃에서, 단에 무관하게 글줄 맞추기를 할 수 있다

    • 세로짜기, 각 단의 세로 줄을 맞춘다

      그림 24 세로쓰기에서 글줄 맞추기 예
    • 17 가로짜기, 각 단의 가로 줄을 맞춘다

      그림 25 가로쓰기에서 글줄 맞추기 예

4.2 단락 정렬, 맞추기

4.2.1 단락 첫 글줄 들여짜기

새 단락이 시작될 때마다 글줄 시작을 비워주는 들여짜기를 적용하여 단락 구분을 명확하게 보여준다. 들여짜기의 단위는 해당 단락에 사용된 글자 폭으로 지정하는 것을 기본으로 한다.

  1. 모든 단락의 첫 글줄 들여짜기. 가장 일반적인 조판 방법이다.

    그림 26 가로쓰기에서 첫 글줄 들여짜기
  2. 모든 단락을 들여짜지 않음. 세로짜기 보다는 글줄 길이가 비교적 짧게 편성되는 가로짜기에 적합하다.

    그림 27 가로쓰기에서 모든 글줄 들여짜기 없음
  3. 모든 단락의 첫 글줄 들여짜기를 적용하나, 장의 최초 단락이나 제목 직후의 단락에는 적용하지 않는다.

    그림 28 가로쓰기에서 최초 단락에 글줄 들여짜기 없음

4.2.2 단락 첫 글줄 외 들여짜기

글머리 기호(bulleted list), 번호 매기기(Numbered list) 등은 단락 첫 글줄을 제외한 모든 글줄에 들여짜기를 적용한다.

4.2.3 내어짜기와 들여짜기

글자 수만큼 판면 안쪽으로 들이는 조판을 들여짜기라 하고, 판면 바깥쪽으로 내는 조판을 내어짜기라고 한다.

그림 29 가로쓰기에서 내어짜기와 들여짜기

4.2.4 단락 정렬

정렬은 하나의 글줄을 단위로 하여 특정 문자의 위치에 맞추는 것을 의미한다.

  1. 중앙 정렬: 인접 문자 간의 글자사이를 0 또는 명시된 수치를 적용하고, 글줄 시작과 끝의 공간을 균등 적용한다. 각 글줄 가운데 지점을 기준으로 정렬한다.

  2. 글줄 시작 정렬(가로짜기의 경우 왼끝 정렬): 인접 문자 간의 글자사이를 0 또는 명시된 수치를 적용하고, 글줄 시작 지점을 기준으로 정렬한다. 마지막 글줄의 글자 수가 한 글줄을 채우지 못할 경우, 글줄 시작의 공간을 채우고 글줄 끝을 비운다.

  3. 글줄 끝 정렬(가로짜기의 경우 오른끝 정렬): 인접 문자 간의 글자사이를 0 또는 명시된 수치를 적용하고, 글줄 끝 지점을 기준으로 정렬한다. 마지막 글줄의 글자 수가 한 글줄을 채우지 못할 경우, 글줄 끝의 공간을 채우고 글줄 시작을 비운다.

  4. 글줄 양끝 정렬: 인접 문자 간의 글자사이를 0 또는 명시된 수치를 적용하고, 글줄 시작 지점과 끝 지점을 기준으로 정렬한다. 마지막 글줄의 글자 수가 한 글줄을 채우지 못할 경우, 글줄 시작의 공간을 채우고 글줄 끝을 비운다. 글자사이 간격 조정 시 단어 간격과 글자사이 선택 조정 가능하다.

  5. 글줄 강제 정렬: 인접 문자 간의 글자사이를 0 또는 명시된 수치를 적용하고, 글줄 시작 지점과 끝 지점을 기준으로 정렬한다. 마지막 글줄의 글자 수가 한 글줄을 완벽히 채우지 못할 경우, 글자사이 간격을 강제 조정하여 글줄 시작 지점과 끝 지점을 맞추어 채운다

    그림 30 단락 정렬 방법

4.2.5 단락 마지막 줄 정렬

단락 마지막 줄의 글자 수가 권장 최소값을 만족시키지 못하는 경우를 피하기 위한 처리. 위도우(widow)처리라고도 한다.

4.3 문장 부호 등의 조판 처리

4.3.1 짜기 방향에 따라 달라지는 문장 부호

  1. 구독점

    1. 세로짜기의 경우; 。[U+3002] 、 [U+3001]
    2. 가로짜기의 경우; . [U+002E] , [U+002C] .[U+FF0E],[U+FF0C]
  2. 낫표, 따옴표

    1. 세로짜기의 경우; 「 [U+300C], 」[U+300D], 『[U+300E], 』[U+300F]
    2. 가로짜기의 경우; ‘[U+2018], ’ [U+2019], “[U+201C], ” [U+201D]
    그림 31 가로짜기 및 세로짜기의 낫표 사용

4.3.2 괄호 류의 전후 공간 운용 원칙

자동 공간 배치를 할 경우 다음 설정을 권장한다.(4.3.6 까지)

열기 괄호, 닫기 괄호, 중점 류의 문자들은 기본적으로 반각이나, 이들 문장 부호가 한글, 한자, 가나 등의 전각문자와 만날 경우, 전/후에 반각분의 공간을 삽입하는 것을 원칙으로 한다.

  1. 한글 열기 괄호류(cl1)는 앞 공간에 반각 삽입을 원칙으로 한다.

  2. 한글 닫기 괄호류(cl2)는 뒷 공간에 반각 삽입을 원칙으로 한다.

  3. 중점류(cl7)에서는 앞,뒤 공간에 4분각 삽입을 원칙으로 한다.

    그림 32 자동 공간 배치 시, 공간 삽입 원칙

4.3.3 한글 열기 괄호(cl1), 한글 닫기 괄호(cl2), 중점(cl7)이 서로 연속할 경우의 전후 공간 운용 원칙

  1. 닫기 괄호의 뒤에 열기 괄호가 이어질 경우, 그 사이는 반각으로 처리함을 원칙으로 한다.
  2. 열기 괄호의 뒤에 열기 괄호가 이어질 경우, 그 사이는 공간을 두지 않고, 앞쪽 열기 괄호의 앞 공간은 반각으로 처리함을 원칙으로 한다.

  3. 닫기 괄호의 뒤에 닫기 괄호가 이어질 경우, 그 사이는 공간을 두지 않고, 뒷쪽 닫기 괄호의 뒷 공간은 반각으로 처리함을 원칙으로 한다.

  4. 닫기 괄호의 뒤에 중점류가 이어질 경우, 그 사이는 4분각으로 처리함을 원칙으로 한다.

  5. 중점류의 뒤에 열기 괄호가 이어질 경우, 중점류의 뒷 공간은 4분각으로 처리함을 원칙으로 한다.

    그림 33 괄호와 중점류의 공간배치

4.3.4 글줄 시작 금칙

닫기 괄호(cl2), 하이픈 기호(cl5), 문장 구분 기호(cl6), 중점류(cl7), 구독점류(cl8~9), 반복 기호류(cl11), 장음 기호(cl12)는 글줄 시작에 위치할 수 없다(글줄 시작 금칙).

4.3.5 글줄 끝 금칙

열기 괄호(cl1)는 글줄 끝에 위치할 수 없다(글줄 끝 금칙).

4.3.6 단어 분할 금지

다음과 같이 문자, 기호가 연속하는 단어의 경우, 분할하여 두 행으로 나누지 않는다.

  1. 연속하는 전각 대시(__) 또는 수평선(――)의 사이

  2. 연속하는 삼점 리더(……) 또는 이점 리더(‥‥)의 사이

  3. 연속하는 아라비아 숫자의 사이

  4. 숫자 앞 기호(cl13)와 아라비아 숫자, 한자 숫자와의 사이

  5. 아라비아 숫자, 한자 숫자와 숫자 뒤 기호(cl14)와의 사이

  6. 로마자용 문자(cl24)로 구성된 단어에서 하이픈 넣기가 불가능한 지점. 또한 단위 기호의 사이

  7. 첨자의 어미 글자간의 사이

  8. 각주 번호 문자열간의 사이

4.3.7 글줄 조정 처리 시 글자사이 넓히기 금지 설정

글줄 조정에서 다음과 같은 경우, 글자사이 넓히기를 피한다(=단어분할금지 4.3.6). 이는 문자, 기호를 묶어 하나의 단어로 취급하기 위함이다.

  1. 4.3.6에서 언급한 모든 경우

  2. 한글 열기 괄호(cl1), 한글 닫기 괄호(cl2)의 앞뒤

  3. 구독점(cl8~9), 중점(cl7)의 앞뒤

  4. 문장 구분 기호(cl6)의 앞뒤

  5. 하이픈 기호(cl5)의 앞뒤

  6. 전각 문자 등의 CJK 문자권 사용 공백의 앞뒤

4.4 글줄

글줄은 줄 간격과 문단 간격 정보 등으로 표현한다.

4.4.1 줄 간격

줄 간격은 글자, 고정 값, 여백, 최소 줄간격 등으로 4가지 표현법이 있다.

  1. 글자 퍼센트(%) 단위로 적용하는 '비례 줄 간격'

    그림 34 글자에 따라: 160%
  2. 고정값으로 표현하는 방식으로 포인트(pt), 밀리미터(mm), 센티미터(cm), 파이카(pi), 픽셀(px), 글자(ch), 급(gp), 인치(˝) 등의 단위로 적용하는 '글줄 보내기'

    그림 35 고정 값: 20pt
  3. 여백만 지정하는 방식으로 포인트(pt), 밀리미터(mm), 센티미터(cm), 파이카(pi), 픽셀(px), 글자(ch), 급(gp), 인치(˝) 등의 단위로 적용하는 '고정 글줄 간격 '

    그림 36 여백만 지정: 20pt
  4. 포인트(pt), 밀리미터(mm), 센티미터(cm), 파이카(pi), 픽셀(px), 글자(ch), 급(gp), 인치(˝) 등의 단위로 최소의 줄간격을 적용하여 적용하는 '최소 줄 간격'

    그림 37 최소: 20pt

4.4.2 줄 나눔 기준

각 줄의 마지막을 나누는 기준과 앞줄에 있는 낱말들 사이의 빈칸 간격을 조정하여 줄 나눔 기준을 두어 표현한다.

  1. 한글 단위 줄 나눔 기준

    각 줄의 마지막에 한글이 올 때 줄 나눔 기준을 “글자” 또는 “어절” 단위로 한다. 문서 작성자가 “글자” 또는 “어절” 단위의 줄 나눔 기준을 지정할 수 있다.

    그림 38 글자단위 줄 나눔(왼쪽)과 어절단위 줄나눔(오른쪽)
  2. 영문 단위 줄 나눔 기준

    각 줄의 마지막에 영어가 올 때 줄 나눔 기준을 “글자” 또는 “어절” 단위로 하거나, “하이픈”을 사용한다.

  3. 최소 공백 줄 나눔 기준

    낱말들 사이의 빈칸 간격을 일정한 범위까지 줄임으로써 줄 끝에 걸린 낱말이 다음 줄로 넘어가지 않고 그 줄에 남을 수 있도록 최소 공백 값을 지정하여 표현할 수 있다.

4.5 글줄 조정 처리

한글 조판에서는 양끝 정렬을 기본으로 한다. 고정폭 한글을 띄어쓰기 없이 나열하면 글줄의 양끝이 정렬되나 다음과 같은 경우에는 어긋나는 글줄 양끝을 맞추기 위해 글줄 조정 처리(글줄 단위로 글자 사이 조정)한다.

4.5.1 글줄 조정 처리를 적용하는 경우

  1. 로마자, 로마자 문장 부호, 숫자 단어 등의 비례폭 글리프가 포함된 경우(한글 -로마자 섞어짜기)

  2. 한 글줄에 포함된 글자 크기가 서로 다를 경우

  3. 금칙처리, 단어 분할 금지를 적용할 경우

4.6

4.6.1 탭 사용하기

탭 위치와 정렬 방식(탭 종류)을 지정하며, 지정 위치에 배치할 문자, 단어 앞에 탭 문자를 입력해 두어야 한다.

4.6.2 탭에서 지정한 위치에 정렬하기

탭 위치에 정렬 방식(탭 종류)을 지정한다.

  1. 왼(위)쪽 정렬 탭: 가로짜기의 경우, 탭에 정렬할 문자/단어의 왼쪽 끝을 탭 위치에 정렬하며, 세로짜기의 경우 위쪽 끝을 정렬한다.

    그림 39 왼쪽 탭
  2. 오른(아래)쪽 정렬 탭: 가로짜기의 경우, 탭에 정렬할 문자/단어의 오른쪽 끝을 탭 위치에 정렬하며, 세로짜기의 경우 아래쪽 끝을 정렬한다.

    그림 40 오른쪽 탭
  3. 가운데 정렬 탭: 탭에 정렬할 문자/단어의 가운데 지점을 탭 위치에 정렬한다.

    그림 41 가운데 탭
  4. 지정문자 정렬 탭: 탭에 정렬할 문자/단어에서 특정 문자의 앞쪽 지점을 탭 위치에 정렬한다.

    그림 42 특정 문자 탭

5. 문단 외 요소

5.1 주석 (각주, 미주)

주석은 본문 내용에 대한 보충 자료를 제시하거나, 인용한 자료의 출처 등을 밝히기 위해서 사용한다.

5.1.1 다단의 각주 적용

‘각주’가 다단에 사용되는 경우, 3가지 방식으로 표시한다

  1. 주석을 주석 본문이 포함된 단의 아래에 표시한다.

    그림 43 본문 단 아래 표시
  2. 주석을 전단(1단) 모양으로 문서 폭에 맞추어 사용한다.

    그림 44 문서 폭에 맞추어 표시
  3. 맨 오른쪽 단에 모아서 표시한다.

    그림 45 오른쪽 단에 모아서 표시

5.1.2 ‘각주’의 세로 위치

본문이 쪽에 가득 차지 않았을 때, 각주 내용을 어느 위치에 놓을 것인지 지정할 수 있다.

  1. 편집 용지에서 설정된 꼬리말 영역 바로 윗부분에 위치한다.

    각주 내용이 늘어나면, 점점 본문 쪽으로 올라가면서 본문 영역이 줄어드는 방식

    그림 46 각 주 내용 변화에 본문의 영역이 줄어드는 경우
  2. 본문 바로 아래 위치한다.

    본문 내용이 늘어나면, 각주 내용이 점점 아래쪽으로 밀려 내려가는 방식

    그림 47 본문 내용에 변화에 따라 각주 내용 이동하는 경우

5.1.3 ‘주석’의 번호 서식

‘각주’/‘미주’ 번호는 아라비아 숫자, 원형 숫자, 알파벳, 음소, 낱 글자, 한자 등 여러 가지 기호와 문자를 이용한다.

그림 48 각주/미주 번호 예

5.1.4 주석과 본문의 구분

주석과 본문을 명확하게 구분하기 위해서 구분선을 넣거나 일정 여백을 지정한다. 구분선을 기준으로 위 여백, 아래 여백 그리고 각 주석의 본문 간의 여백을 지정한다.

그림 49 구분선을 이용한 본문과 주석 영역 구분 예

5.1.5 주석 위치

주석은 각주, 미주의 특성에 따라 여러 가지 위치를 가진다.

  1. 각주 위치

    각주는 주석 처리된 본문의 아래, 주석 처리된 본문이 포함된 쪽의 꼬리말 바로 위에 표현될 수 있다(* 5.1.2 그림 참조).

  2. 미주 위치

    미주는 문서의 끝에 한꺼번에 모아서 표현하며, 문서가 여러 장으로 구별되어 각 장 단위로 주석 표현 되어야 하는 경우, 특정 위치에 주석을 모아서 표현할 수 있다.

  3. 주석 사용의 제한

    주석은 일반적으로 사용되는 본문을 포함하여 표나 글상자가 포함하고 있는 포함한 문단 안에서는 사용할 수 있다. 그러나 문서의 머리말, 꼬리말에서는 사용할 수 없다.

5.2 쪽 번호

쪽 번호는 여러 형태로 표현할 수 있으며, 위치 또한 해당 쪽의 상하좌우에 모두 가능하다.

5.2.1 쪽 번호 위치

쪽 번호는 다음과 같이 10가지 위치가 가능하다. 번호의 모양도 여러 가지로 사용할 수 있으며, 번호 양쪽에 줄눈(‘-’)을 넣어 표현하기도 한다.

그림 50 쪽 번호가 표현될 수 있는 위치

5.3 문단 외 요소(표, 그림 등)의 위치 및 크기

문단 외 요소(개체)는 글자와 동일하게 또는 개체 형식으로 처리한다.

5.3.1 글자처럼 취급

개체는 글자사이 특정 위치에 표시되며 개체의 크기에 따라 줄 간격에 영향을 미친다.

그림 51 “글자처럼 취급”인 경우
그림 52 “개체 형식”인 경우

5.3.2 개체 형식

개체 형식은 다음과 같이 4가지 표현 방식이 있다.

  1. 어울림 방식

    개체와 본문이 같은 줄을 나누어 쓰되, 서로 자리를 침범하지 않고 본문이 개체에 흐르듯이 어울리도록 배치한다.

    그림 53 어울림 방식
  2. 자리 자치 방식

    개체가 개체의 높이만큼 줄을 차지하는 방식으로 개체가 차지하고 있는 영역에는 본문이 침범 할 수 없다.

    그림 54 자리 차지 방식
  3. 글 뒤

    개체가 본문의 배경처럼 표현된다.

    그림 55 글 뒤 방식
  4. 글 앞

    개체를 본문이 덮이도록 본문 위에 배치한다.

    그림 56 글 앞 방식

5.3.3 가로/세로 위치 기준

개체의 기준 위치에 따라 본문과의 배치 및 가로/세로 위치가 달라진다.

  1. “문단” 기준 위치

    개체가 있는 문단을 기준으로 가로 위치와 세로 위치를 계산한다.

  2. “단” 기준 위치

    개체가 있는 단을 기준으로 가로 위치를 계산한다.

  3. “쪽” 기준 위치

    개체가 있는 쪽을 기준으로 가로 위치와 세로 위치를 계산한다.

  4. “종이” 기준 위치

    개체가 있는 종이를 기준으로 가로 위치와 세로 위치를 계산한다.

그림 57 문단 외 요소 표현을 위한 기준 위치

5.3.4 서로 겹침 허용

개체를 '어울림'이나 '자리 차지'로 표현한 경우, 기본적으로 겹쳐지지 않고 서로의 영역만큼 떨어지게 된다. 그러나 ‘서로 겹침 허용’하는 설정을 두어 '어울림'이나 '자리 차지'로 지정된 개체끼리도 서로 겹쳐 놓은 수 있다.

그림 58 개체 간 서로 겹침

5.3.5 바깥 여백

문단 외 요소의 바깥 여백은 개체와 주변에 존재하는 문서의 요소들과의 여백을 의미한다.

개체의 바깥 여백을 설정하더라도 개체를 위한 제목(caption)은 바깥 여백부분을 제외하고 순수한 개체 영역부터 시작한다.

  1. 왼쪽 : 개체 가장자리의 왼쪽과 본문 사이의 간격

  2. 오른쪽 : 개체 가장자리의 오른쪽과 본문 사이의 간격

  3. 위쪽 : 개체 가장자리의 위쪽과 본문 사이의 간격

  4. 아래쪽 : 개체 가장자리의 아래쪽과 본문 사이의 간격

그림 59 개체의 바깥 여백(5mm)을 설정한 경우 표현

5.3.6 제목

문단 외 요소는 필요에 따라 번호와 제목, 간단한 설명 등을 붙일 수 있으며, 이와 같이 개체에 붙인 제목을 "캡션"(caption)이라고 한다.

5.3.6.1 제목의 위치

개체의 테두리 바깥쪽으로 아래와 같이 제목의 위치를 지정한다.

그림 60 제목의 위치 지정 방식
5.3.6.2 제목의 크기 및 간격

제목 문단과 개체와의 간격을 조정할 수 있으며, 특히 제목을 개체의 좌우에 표시하는 경우 제목 문단의 넓이를 지정한다.

그림 61 개체와 제목 간격 설정 예
5.3.6.3 제목 표현 방식

제목은 한 줄로 입력하거나 해당 개체의 여백까지 그 영역을 넓혀 표현될 수 있다.

그림 62 제목 표현 방식

5.3.7 테두리

개체는 다양한 종류의 선으로 테두리를 표현할 수 있다.

그림 63 선 종류 지정에 대한 예제

5.4 표 (Table)

표는 기본적으로 셀로 구성되어 있으며, 각 셀은 다음과 같이 다양한 형태로 구성될 수 있다.

그림 64 표 구성 예

5.4.1 셀(Cell)

원하는 셀들만 선택하여 아래와 같이 여러 가지 값을 설정한다.

  1. 셀의 글자와 문단 형식

  2. 테두리/배경의 모양

  3. 셀을 합치거나 나누기

  4. 크기 및 여백 조절

  5. 셀 간의 간격

그림 65 셀 간격이 적용된 표현 예

5.4.2 표/셀 안쪽 여백

표와 셀에는 안쪽 여백이 지정되면, 표에 적용된 값보다 셀에 적용된 값이 우선하여 반영되며, 안쪽 여백 값을 크게 주더라도 표의 크기는 변하지 않는다.

5.4.3 표 대각선

표와 셀에는 안쪽 여백이 지정되면, 표에 적용된 값보다 셀에 적용된 값이 우선하여 반영되며, 안쪽 여백 값을 크게 주더라도 표의 크기는 변하지 않는다.

그림 66 표의 셀에 대한 대각선
그림 67 여러 셀에 걸친 대각선

5.4.4 표 배경

표와 셀의 배경을 색, 그라데이션, 배경 그림 등으로 정의한다.

그림 68 표 배경 적용 예

6. 쪽 단위 레이아웃

6.1 한글 텍스트 레이아웃 시스템 설계

페이지 전반의 설계와 기본 판면의 설계의 두 가지 관점에서 접근한다.

6.2 페이지 전반 설계 요소

  1. 페이지의 크기(설정한 지면·화면의 크기), 진행 방향

  2. 텍스트 진행 방향(가로짜기/세로짜기)

  3. 기본 판면(페이지 크기에서 상·하·좌·우 여백을 뺀 나머지 영역)

  4. 면주(面註)와 페이지 번호

그림 69 면주와 페이지 번호 (왼쪽->오른쪽)
그림 70 면주와 페이지 번호 (오른쪽->왼쪽)

6.3 기본 판면의 설계

6.3.1 기본 판면의 설계 기본 요소

책의 지면을 기준으로 설명하면 다음과 같다.

  1. 사용한 글자 크기, 폰트 이름

  2. 짜기 방향(가로짜기/ 세로짜기)

  3. 단의 수와 간격

  4. 글줄 너비(글 상자의 너비=판면의 너비)

  5. 한 페이지 당 글줄 수(단짜기의 경우 한 단에 할당된 글줄 수)

  6. 글줄 보내기 수치

그림 71 기본판면 예

6.3.2 기본 판면의 위치 설정

기본 판면 위치는 여백 수치와 연동됨에 주의한다. 다음은 기본 판면의 위치와 크기 지정 방법 예시이다.

  1. 상하 위치, 페이지 중앙; 좌우 위치, 페이지 중앙

  2. 상하 위치, 위쪽 여백 지정 또는 아랫쪽 여백 지정; 좌우 위치, 페이지 중앙

  3. 상하 위치, 페이지 중앙; 좌우 위치, 안쪽 여백 지정

  4. 상하 위치, 위쪽 여백 지정 또는 아랫쪽 여백 지정; 좌우 위치, 안쪽 여백 지정

그림 72 여백 기준 위치

6.4 면주와 페이지 번호

면주와 페이지 번호는 기본 판면의 외곽에 위치하며 대표적인 위치 지정 방식은 다음과 같다.

그림 73 면주 표현 방식
그림 74 페이지번호 표현 방식

부속서

A. 유니코드에서 한글코드영역

한글 환경에서는 다음과 같은 문장 부호를 사용한다.

B. 참고문헌

C. 변경기록

이 자료는 W3C 워킹그룹 드래프트로 공개되는 문서의 초판이다.

D. 감사의 글

이 문서의 개발에는 한국 기술표준원 문서처리 표준화위원회 전문위원과 한국타이포그래피학회 회원들이 참여하였으며, 개발 작업은 기술표준원 표준기술력향상사업의 지원을 받았다.