도와 주세요.:고급 텍스트 형식 지정

이것은 에세이입니다. 여기에는 한 명 이상의 위키백과 기여자의 조언이나 의견이 포함되어 있습니다.이 페이지는 백과사전 기사도 아니고, 위키백과의 정책이나 지침 중 하나도 아닙니다. 커뮤니티의 철저한 검증이 이루어지지 않았기 때문입니다.일부 에세이는 광범위한 규범을 나타내고, 다른 에세이는 소수의 관점만을 나타냅니다.

바로 가기 WP:TYPESET H:ATF

이 페이지에는 문서에 사용하기에 부적절하고 접근성 문제를 일으킬 수 있는 형식이 포함되어 있을 수 있습니다.

이 에세이, 위키피디아:고급 텍스트 형식 지정 또는 고급 유형 설정은 페이지에서 텍스트 정렬을 제어(또는 조정)하는 여러 가지 방법을 설명합니다.조판에 전문적인 배경을 가진 사람들에게, 이 에세이는 농담으로 의도된 것이 아니라, 기본 조판 기사보다 발전된 것입니다.여기에 나열된 기술은 여전히 일반 독자를 대상으로 합니다.

아마도 많은 기사에 대한 가장 큰 개선점은 "이 기사는 결함이 있습니다: 즉시 수정하십시오."라고 선언하는 웅장한 상단 태그 상자를 낮추는 것입니다.대부분의 태그 상자 템플릿은 태그 상자를 페이지 아래로 내릴 때 매개 변수 "섹션"을 허용합니다.예:{{RefImprove section date=August 2023}}주의를 산만하게 하는 태그 박스를 이동하면 독자들의 가독성을 크게 향상시킬 수 있습니다. 그렇지 않으면 수년 전에 누군가가 페이지에 던진 2살짜리 그리프 박스로 인해 놀라거나 주의가 산만해질 수 있으며, 기사에서 결정적으로 위험한 정보를 피하기 위해 태그 박스를 읽어야 한다는 인상을 줄 수 있습니다.

템플릿 {{wbr}}은(는) 깨지지 않는 공간 앞에서 랩할 때 사용할 수 있습니다.{{wbr}} 래핑 위치에서, 래핑된 부분을 비파괴 공간으로 들여쓰기할 수 있습니다.표 참조:

더 많은 들여쓰기는 깨지지 않는 추가 공백으로 설정할 수 있습니다. 이는 두 번째 매개 변수를 사용하여 몇 개인지 지정하는 {{nbsp}} 템플릿을 사용하여 더 쉽게(그리고 확실히 더 읽기 쉽게) 만들 수 있습니다.삽입할 문자:Rhianna{{wbr}}{{spaces 2}}Lea그러나 일부 단어 사이에 추가 공백이 너무 많아 보일 수 있습니다(주변의 모든 공백이 두 배가 되지 않는 한).래핑 들여쓰기를 트리거하는 너비는 사용자의 브라우저 텍스트 크기 확대/축소 수준에 따라 달라집니다. 이 수준이 클수록 래핑이 더 자주 트리거되고 단일 공간은 더 높은 확대/축소에서 더 많이 들여쓰기됩니다.위키백과 문서를 편집할 때 개별 추가 공백 문자를 삽입하여 이러한 유형의 공간 조정은 일반적으로 권장되지 않습니다.

이 기법은 이전에 정보 상자 목록 내에서 텍스트를 줄바꿈 및 들여쓰기하는 데 사용하도록 제안되었습니다( 들여쓰기되지 않은 줄바꿈은 다음 줄에 줄바꿈된 긴 항목이 아닌 두 개의 항목으로 잘못 해석될 수 있음). 이 기법은 적합하지 않습니다.대신 {{inded plainlist} 템플릿을 사용하여 의미적으로 올바른 HTML 목록을 만들고 CSS를 사용하여 목록 항목의 들여쓰기를 제어합니다.

{{인덴트 플레인 리스트 * 포장될 것 같은 긴 리스트 아이템 * 포장될 다른 리스트 아이템 * 짧은 리스트 아이템 * 그리고 마지막으로 또 다른 긴 리스트 아이템 }

그<wbr />HTML 태그는 이전 브라우저에서도 작동하지만 버전 7 이후 Internet Explorer에서는 작동하지 않습니다.{{wbr}}템플릿은 다음의 조합에 의존합니다.<wbr /> HTML 태그 및 U+200B ZERO WIDE SPACE 문자(버전 7 이전의 IE와 호환됨).자세한 내용은 Template:wbr § 기술 세부 정보를 참조하십시오.

가장 문제가 되는 활자 설정 결함 중 하나는 따옴표의 마지막 단어를 두 번째 줄로 묶는 것입니다. 그 다음에 괄호나 괄호가 이어집니다.

끝 단어를 줄 바꿈 없이 동일한 줄에 유지할 수 있는 몇 가지 방법이 있습니다.아마도 가장 일반적인 해결책은 빈 코드를 추가하는 것입니다. 너무 빨리 접히지 않도록 끝 따옴표 뒤에 (또는 쉼표):

포장을 고치기 위해, 단어 dogs 다음에 다음에 있습니다. (따옴표 뒤에:... dogs" ) 수천 개의 글들이 인용된 의미를 명시하는 것과 함께 용어를 공식적으로 정의하는 것으로 시작하기 때문에, 최종 인용 부호의 강제적인 포장은 위키백과의 주요 조판 악몽이 되었습니다.2005-2009년 동안 최종 인용문의 래핑이 너무 흔해져서, 거의 항상 두 번째 줄에 마지막 인용문이 너무 일찍 래핑되고 첫 번째 줄이 이상할 정도로 짧아지길 기대하는 것이 본능적으로 되었습니다.18자로 된 문구 "개들..."의 조잡한 포장타자기"는 전형적인 것으로, 많은 기사에서 두 번째 줄에 얼마나 많은 텍스트가 강제로 들어가는지에 대한 과장이 아닙니다.

종료 아포스트로피 및 괄호에서도 유사한 문제가 발생합니다.

사용하는 것 외에 쉼표, 세미콜론 또는 슬래시와 같은 다른 문자는 의미에 맞는 경우 끝 따옴표 뒤에 추가될 수 있습니다.위키백과 텍스트에서 강제로 래핑하는 다른 상황이 있을 수 있습니다.

작은 텍스트는 다음과 같이 스팬 태그를 사용하여 더 작은 글꼴 크기로 줄일 수 있습니다.

<span style="font-size:88%">German: ''Der Lange-Annoying-Name-der-Dinge''</span>

해당 글꼴 크기는 텍스트를 다소 축소합니다. 독일어: Der Lange-Annoying-Name-der-Dinge.도입부에 너무 많은 외래어(또는 주제에서 벗어난 텍스트)를 배치하는 것은 매우 짜증나는 문제일 수 있습니다.접선 수준의 많은 문구는 하위 섹션으로 이동해야 합니다.그러나 축소된 글꼴 크기를 사용하면 주제에서 벗어난 텍스트의 눈부신 영향을 최소화할 수 있습니다.95% 또는 92%와 같은 크기는 원래 글꼴 모양을 유지하지만 88% 또는 85%의 크기가 필요할 수 있습니다.텍스트의 더 큰 섹션을 줄이려면 쌍체를 사용하는 것이 좋습니다.<div>...</div>태그(대신)<span>...</span>).

모양이 거의 없는 기본 작은 텍스트 크기는 다음과 같이 나타나는 <small>abb cc xxyz</small>에 의해 선택됩니다.사용.<span style="font-family:Georgia;">기본 Arial 글꼴에서 로 전환<span style="font-family:Georgia;">(조지아 글꼴), 작은 텍스트는 다음과 같이 나타납니다: small Georgia-font a x y z.

가이드라인

편집자는 큰 글꼴 크기와 작은 글꼴 크기를 산문에 수동으로 삽입하는 것을 피해야 합니다.글꼴 크기의 증감은 주로 제목과 같은 자동화된 기능이나 신중하게 설계된 템플릿을 통해 생성되어야 합니다.다음은 테스트를 거쳐 필요한 경우 사용할 수 있는 글꼴 크기 조정 템플릿 목록입니다.

예:{{big Will make the text here larger}}다음으로 렌더링: 여기에 있는 텍스트를 크게 만듭니다.

이 차트를 참조용으로 사용자 페이지에 표시하려면 다음과 같이 하십시오.{{font size templates}}

자세히 보기:위키백과:스타일/텍스트 형식 설명서#글꼴 크기.

더 작은 글꼴을 사용할 때 매우 일반적인 문제는 행 간의 큰 인터라인 간격으로 인해 발생하는 간격입니다.더 나은 선 높이(작은 글꼴 노트의 경우):1.3em예:

<span style="font-size:88%; line-height: 1.3em;">xxx</span>

이러한 작은 선은 표시되는 세부 캡션의 양에 비해 일반적인 캡션 크기가 너무 많은 공간을 차지하는 긴 이미지 캡션에서 사용될 수 있습니다.물론 다시 한 번 전체 솔루션에는 페이지의 아래쪽 부분으로 일부 과도한 텍스트(이미지 캡션)를 제거한 후 다음과 같은 이미지를 참조하는 작업이 포함됩니다.{{crossref (see image)}}그 텍스트에서.

줄바꿈 문자를 사용하는 또 다른 방법은 들여쓰기된 따옴표 상자일 수 있으며, 줄 바꿈 문자가 작은 경우 따옴표를 특수 텍스트 섹션으로 강조하는 데 도움이 될 수 있습니다.예를 들어, 다음을 사용합니다.

<span style="font-size:92%; line-height: 1.31em;">xxx</span>

그런 다음 다음과 같은 따옴표 텍스트를 묶습니다.

과학적 노력은 자연적인 전체이기 때문에, 부분은
서로를 지원하는 방식으로,
확실히, 아무도 예상할 수 없습니다.
알버트 아인슈타인, 내 말년을 떠나다

때때로, 설정은 정확해야 합니다, 어디에서1.20em너무 가까울 수도 있고,1.35em선을 너무 많이 분리할 수 있지만, 반면에1.31em따옴표의 특정 행에 대해 고른 균형을 제공합니다.줄 높이가 줄어들기 때문에 따옴표의 효과는 단순히 텍스트를 들여쓰기하는 것과 다릅니다.작가 "아인슈타인"의 줄이 오른쪽 끝에 어떻게 들여졌는지 주목하세요: 새로운 들여쓰기 템플릿.{{in5 32}}따옴표로 묶은 선보다 32칸을 더 들여쓰기 위해 사용되었습니다.{{in5 32}}– Albert ....

CSS에서 텍스트의 줄 높이는 텍스트의 줄 ^[1]상자 높이를 설정합니다.기본 바탕 화면 스킨(Vector)에서는 가독성을 위해 기본적으로 1.6(글꼴 크기의 곱)으로 설정됩니다.

예제

이 텍스트 블록의 줄 높이는 1입니다.

타이포그래피(Typography, 그리스어: typos "형태", graphein "쓰기")는 글꼴 스타일, 점 크기, 선 길이, 선 선도, 문자 간격 및 단어 간격의 조합을 사용하여 유형의 주제를 설정하는 예술 및 기술입니다.

줄 높이 1.5로 설정된 동일한 텍스트 블록은 읽기가 더 쉽습니다.

타이포그래피(Typography, 그리스어: typos "형태", graphein "쓰기")는 글꼴 스타일, 점 크기, 선 길이, 선 선도, 문자 간격 및 단어 간격의 조합을 사용하여 유형의 주제를 설정하는 예술 및 기술입니다.

줄 높이가 2인 동일한 텍스트 블록은 다시 읽기 쉽지만 수직 페이지 공간을 덜 효율적으로 사용합니다.

타이포그래피(Typography, 그리스어: typos "형태", graphein "쓰기")는 글꼴 스타일, 점 크기, 선 길이, 선 선도, 문자 간격 및 단어 간격의 조합을 사용하여 유형의 주제를 설정하는 예술 및 기술입니다.

줄 높이가 증가하는 반대 기술은 일부 들여쓰기된 노래 가사(또는 시)에 사용될 수 있으며, 줄 높이가 클수록 텍스트 섹션의 "이중 간격" 모양을 강조하는 데 도움이 될 수 있습니다.예를 들어, 다음을 사용합니다.

<div style="filen-size:92%; 줄 높이:2.1em;">xxxx</div>

그런 다음 노래 가사를 "xxx"로 동봉합니다.<poem>...</poem>다음과 같이 줄 바꿈을 보존합니다.

이 코드는 다음과 같습니다.

<filename style="filename-size:92%; 줄 높이:2.1em;">예루살렘, 종소리가 들리고 로마 기병대, 합창단이 "나의 거울, 나의 검과 방패, 외국에서 나의 임무 수행자들이 되어라"라고 노래하는 것이 무슨 이유에서인지...</poem> {{in510}}—&nbsp;[콜드플레이], "[[Viva la Vida]"<ref>...</ref>

두 경우 모두 선 높이가 증가하므로 따옴표로 묶인 텍스트의 효과는 텍스트에서 이중 간격 선을 사용한 것과 유사합니다.(짧게 하기 위해 저작권 제한에 따라 가사가 잘리거나 작곡의 전체 공연 단위 표시를 금지합니다.)

이러한 예는 설명 텍스트에서 시작하기 위해 여기에 들여쓰기되어 있지만 실제 기사에는 없습니다.이 효과를 원한다면, 이것은 다음과 같이 수행될 수 있습니다.{{quote}}템플릿:

{{prefix text=<prefix style="prefix-size:92%; 줄 높이:2.1em;">예루살렘, 종소리가 들리고 로마 기병대, 합창단이 "나의 거울, 나의 검과 방패, 외국에서 나의 임무 수행자들이 되어라"라고 노래하는 것이 무슨 이유에서인지...</ref> 작성자=저작권자 콜드플레이]] source=message[Viva la Vida]"<ref>...</ref>}}

다음과 같이 렌더링을 수행합니다.

예루살렘이 들리고, 종소리가 울리고,
로마 기병대, 합창단이 노래하고 있습니다
"나의 거울, 나의 검과 방패가 되어 주소서,
나의 임무는 외국에서 수행됩니다."
무슨 이유에선지...

— Coldplay, "Viva la Vida"^{[Note 1]}

단어는 다음과 같이 결합할 수 있습니다. 또는{{nowrap xx xx}}단어들이 한 줄에 함께 나타나도록 강요하는 것.때로는 넓은 이미지 상자 또는 넓은 정보 상자 옆에 있는 텍스트가 좁은 텍스트 열에 압축되는 경향이 있습니다.매우 좁은 열은 줄마다 한 단어씩 전체 열을 따라가며 텍스트 래핑을 발생시킬 수 있습니다.이러한 경우, 문구의 처음 몇 단어를 단어로 결합함으로써(예:At the outset또는The region covers), 텍스트를 페이지 아래쪽으로 강제로 더 넓은 열에 넣을 수 있습니다. 여기서 모든 결합된 단어는 선을 가로질러 나란히 들어갈 수 있습니다.그런 다음, 페이지가 더 큰 브라우저 텍스트 크기 설정으로 표시되는 경우에도 조인된 텍스트는 좁은 열에서 한 줄에 한 단어씩의 기본 설정이 아닌 더 논리적으로 보이는 열로 이동합니다.이 작업은 긴 텍스트 문자열이 아닌 몇 개의 단어로만 수행해야 하며, 그렇지 않으면 바람직하지 않은(브라우저별, 예측 불가능한) 표시 결과가 발생합니다.

굵은 글꼴 텍스트는 일반적인 검은색이 아닌 짙은 회색 텍스트를 텍스트 글꼴 색으로 사용하여 부드럽게 하거나 시각적으로 가늘게 할 수 있습니다.예:

진회색(#666666)는 다음과 같이 나타납니다.

"하나", "둘" 및 "셋"의 굵게 표시된 텍스트를 기본 굵게 표시된 결과와 비교합니다.

위키백과에서 굵은 글씨의 텍스트는 주로 다음과 같은 단어를 강조하기 위해 사용됩니다.

• 기사의 제목, 선두에 반복됨;
• 이 위치로 리디렉션되는 기사 또는 섹션 주제의 대체 이름.
• 섹션 제목;
• 테이블 머리글;
• 용어집의 용어
• 그리고 몇 가지 특별한 용도가 있습니다.

굵게 표시된 텍스트는 다른 방식으로 사용할 때 혼동을 일으킬 수 있으므로, 더 밝은 굵게 표시된 텍스트를 사용하면 모호성을 줄이면서 이러한 스타일의 강조 표시를 수행할 수 있습니다.

또한, 다른 생동감 있는 색상은 기사 제목 단어와 큰 혼동 없이 대담해질 수 있습니다.(웹 색상의 색상 선택 참조). 아래 항목인 § 참고)도 참조하십시오.

일반적으로, 이탤릭체 텍스트를 사용할 때, 이탤릭체 단어 뒤의 간격은 종종 너무 좁게 보일 것이고, 따라서 이탤릭체 텍스트 뒤에 약간의 여분의 공간이 추가될 수 있습니다. 소위 "얇은 공간"을 삽입하거나, 작은 텍스트의 경우, "두발 공간"(정상 너비의 공간이 이 용도에 비해 너무 큼).대부분의 경우 쉼표, 마침표(전체 중지) 또는 오른쪽 괄호(곡선 괄호)가 기울임꼴 텍스트를 따르도록 표현할 수 있으며, 이는 기울임꼴 텍스트 끝의 간격을 넓히는 역할도 합니다.몇 가지 예:

아마도 가장 일반적인 조정은 다음을 삽입하는 것일 것입니다. 긴 문자(예: h, l, t 또는 임의의 대문자, 예: W)로 끝나는 기울임꼴 텍스트 뒤에 입력합니다.그러나 계획된 표현을 사용하면 이탤릭체 단어 뒤에 쉼표를 추가하여 이탤릭체 부분 뒤의 시각적 간격을 넓힐 수 있습니다.

미디어위키 마크업 언어는 다음과 같은 많은 HTML 태그를 지원합니다.<span style="font-family:Garamond;">등등.일부 글꼴은 다음과 같습니다.

• 가라몬드:이것은 Garamond 글꼴입니다.
• 조지아:이것은 조지아 글꼴입니다.
• 배달원:Courier 글꼴입니다.
• 헬베티카:이것은 헬베티카 폰트입니다.
• 타임스 뉴 로만:이것은 Times New Roman 글꼴입니다.
• Arial: Arial 글꼴(기본값)입니다.
• 리눅스 리버틴:이것은 Linux Libertine입니다.

미디어위키 마크업 언어는 HTML 스타일의 색상 태그를 지원하여 "<span style="color:gray;""xx/span"과 같은 텍스트 색상을 변경할 수 있습니다.{{color}}와 같은 템플릿도 텍스트 색상을 변경하기 위해 존재합니다.

텍스트 색상을 변경하려면 일부 색상(또는 모두 보기: 웹 색상):

• 진한 녹색:이것은 "진녹색" 글꼴 색입니다.
• 진홍색 및 진홍색:이것은 "진홍색" 글꼴 색이고 "크림슨"입니다.
• 파란색: 이것은 "파란색" 글꼴 색이고 "진청색" 글꼴 색입니다.
• 다크오렌지:이것은 짙은 오렌지색 글꼴 색입니다.
• 초콜릿 & 새들 브라운:이것은 "초콜릿" 글꼴 색과 "새들 브라운"입니다.
• 회색: 이것은 "회색" 글꼴 색이고 "진회색" 글꼴 색입니다.
• #515151: 여기서 <span style="color:#515151;"> 사용.

기본 색상은 검은색(또는 16진수 코드 #000000)입니다.텍스트 색상을 변경할 때는 "/"를 "/span>"과 같이 끝 태그에 넣어 나중에 텍스트 색상을 재설정하도록 주의해야 합니다.수백 개의 화면 색상에 대한 자세한 목록은 웹 색상을 참조하십시오.

이 섹션의 중립성은 논란의 여지가 있습니다. 관련 토론은 대화 페이지에서 확인할 수 있습니다. 조건이 충족될 때까지 이 메시지를 제거하지 마십시오. (이 템플릿 메시지를 제거하는 방법 및 시기에 대해 알아보십시오.)

실제 조판 소프트웨어는 일반적으로 왼쪽, 오른쪽, 가운데 또는 움푹 패인(왼쪽 여백 라인 너머) 정렬을 트리거하는 간단한 지시를 가지고 있습니다.그러나 수십 년 동안 HTML은 쉬운 정렬을 위한 제한된 옵션만 가지고 있었습니다.<center>). 단락의 첫 번째 단어의 접힘을 해제하는 방법은 단락을 텍스트 표에 넣는 것입니다. 여기서 첫 번째 단어(또는 음절)는 1열에 (혼자) 있고, 다른 텍스트는 2열에 있습니다.예를 들어, "베토벤"의 디텐트 해제:

<table cellspacing=0 cellpadding=0><tr><td valign=top>Bee<td>thoven {{in5 16}}composed [[Moonlight Sonata]] while he was losing his hearing.</table>

첫 번째 음절 "Bee"와 "thoven" 사이의 간격을 구분하지 않도록 "cellspacing=0 cellpading=0"을 모두 사용합니다.

세 번째 열을 사용하여 텍스트를 외부 대괄호로 묶은 다음 3열에 닫는 대괄호 "]"를 다음과 같이 넣을 수 있습니다.

<table><tr><td valign=top>[<td>This is line 1.<br />Line 2.<td>]</table>

HTML 언어의 원래 디자인은 다음과 같은 프레젠테이션 마크업을 포함합니다.<center>tag. 그러나 이러한 유형의 프레젠테이션 마크업 태그는 현재 HTML 및 XHTML 권장 사항에서 더 이상 사용되지 않으며 HTML5에서는 불법입니다. CSS(Cascading Style Sheet)는 프레젠테이션 마크업 및 기타 스타일링을 위해 World Wide Web Consortium(W3C)에 의해 장려되었습니다.

• WP: 고급 기사 편집
• WP: 고급 각주 형식 지정
• WP: 고급 테이블 형식 지정