<pre></pre>란?
<pre></pre>태그는 HTML에 작성한 내용을 그대로 표현합니다.
즉, 요소 내 공백문자를 그대로 유지합니다.
* <pre></pre> 사용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World!</title>
</head>
<body>
<p>=================</p>
<pre>
Hello
World!
</pre>
<p>=================</p>
</body>
</html>
* <pre></pre> 미사용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World!</title>
</head>
<body>
<p>=================</p>
Hello
World!
<p>=================</p>
</body>
</html>
※ <pre></pre> 사용여부에서 알 수 있듯이 공백 문자 및 개행 문자를 모두 그대로 사용하는 것을 확인할 수 있습니다.
반응형