HTML <pre> 태그
정의 및 특징
<pre> 태그는 미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다.
<pre> 요소 내의 텍스트는 시스템에서 미리 지정된 고정폭 글꼴(fixed-width font)을 사용하여 표현되며, 텍스트에 사용된 여백과 줄바꿈이 모두 그대로 브라우저 화면에 나타납니다.
이러한 <pre> 요소를 사용하면, 독특한 서식의 텍스트나 컴퓨터 코드 등을 HTML 문서에 그대로 표현할 수 있습니다.
예제
<pre>
pre 요소 내의 텍스트는
고정폭 글꼴(fixed-width font)을 사용하여 표현되며,
사용된 띄어쓰기와 줄바꿈이 모두 그대로
브라우저 화면에 나타납니다.
</pre>
지원하는 브라우저 및 버전
태그명 | ||||||
---|---|---|---|---|---|---|
<pre> | 지원함 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
HTML5에서 변경된 사항
HTML5에서는 <pre> 태그의 width 속성을 더 이상 지원하지 않습니다.
사용할 수 있는 속성
속성명 | 속성값 | 설명 | |
---|---|---|---|
width |
|
숫자 |
한 줄당 최대 문자수를 명시함. HTML5에서는 더 이상 지원하지 않음. |
CSS 기본값
pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; } |
DOM 인터페이스
interface HTMLPreElement : HTMLElement {}; |