카테고리 없음

<pre> 태그 설명서

Codev-v 2024. 7. 2. 10:25

<pre> 태그는 HTML에서 서식이 지정된 텍스트 블록(Preformatted Text)을 정의하는 데 사용됩니다.

<pre> 태그의 주요 특징은 다음과 같습니다:

  1. 텍스트 서식 유지: <pre> 태그 내부의 텍스트는 원본 형태로 유지됩니다. 즉, 공백, 들여쓰기, 줄바꿈 등이 그대로 표시됩니다.
  2. 고정폭 글꼴: <pre> 태그는 고정폭 글꼴(monospace font)을 사용하여 텍스트의 정렬을 유지합니다.
  3. 브라우저 기본 스타일링: 브라우저는 <pre> 태그에 기본적인 스타일링을 적용합니다. 일반적으로 여백과 테두리가 생깁니다.
  4. 블록 레벨 요소: <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 아트, 포맷된 텍스트 등을 표시할 때 사용됩니다. 이를 통해 원본 형태를 유지하며 가독성 있게 표현할 수 있습니다.