<pre> 태그는 HTML에서 서식이 지정된 텍스트 블록(Preformatted Text)을 정의하는 데 사용됩니다.
<pre> 태그의 주요 특징은 다음과 같습니다:
- 텍스트 서식 유지: <pre> 태그 내부의 텍스트는 원본 형태로 유지됩니다. 즉, 공백, 들여쓰기, 줄바꿈 등이 그대로 표시됩니다.
- 고정폭 글꼴: <pre> 태그는 고정폭 글꼴(monospace font)을 사용하여 텍스트의 정렬을 유지합니다.
- 브라우저 기본 스타일링: 브라우저는 <pre> 태그에 기본적인 스타일링을 적용합니다. 일반적으로 여백과 테두리가 생깁니다.
- 블록 레벨 요소: <pre> 태그는 블록 레벨 요소이므로 새로운 줄에서 시작하며, 다른 블록 레벨 요소와 함께 사용할 수 있습니다.
사용 예시:
html
<pre>
This is a preformatted text block.
The text is displayed exactly as it is written,
including spaces and line breaks.
</pre>
이 예시에서 <pre> 태그 내부의 텍스트는 원본 형태로 표시됩니다. 공백, 들여쓰기, 줄바꿈이 그대로 유지되며, 고정폭 글꼴로 렌더링됩니다.
<pre> 태그는 일반적으로 프로그래밍 코드, ASCII 아트, 포맷된 텍스트 등을 표시할 때 사용됩니다. 이를 통해 원본 형태를 유지하며 가독성 있게 표현할 수 있습니다.