..

Search

<pre>

HTML <pre> 태그


정의 및 특징

<pre> 태그는 미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다.

 

<pre> 요소 내의 텍스트는 시스템에서 미리 지정된 고정폭 글꼴(fixed-width font)을 사용하여 표현되며, 텍스트에 사용된 여백과 줄바꿈이 모두 그대로 브라우저 화면에 나타납니다.

이러한 <pre> 요소를 사용하면, 독특한 서식의 텍스트나 컴퓨터 코드 등을 HTML 문서에 그대로 표현할 수 있습니다.


예제
<pre>
    pre 요소 내의 텍스트는
고정폭 글꼴(fixed-width font)을 사용하여 표현되며, 
사용된      띄어쓰기와      줄바꿈이 모두 그대로

브라우저 화면에 나타납니다.
</pre>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<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 {};


연관 페이지

HTML 단락 수업 ⇒


연습문제