본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <pre>

<pre>

<pre> 태그는 마크업 소스를 화면 그대로 표현합니다. HTML 마크업시 두칸 이상은 브라우저에서 한칸으로 표현됩니다. 하지만 <pre> 태그는 마크업의 빈칸과 줄바꿈을 화면 그대로 표현합니다. 코드를 보여줄 때 많이 사용하는 편입니다.


<pre>

<pre> 태그는 마크업 소스를 화면 그대로 표현합니다.

정의(Definition)

  • <pre> 태그는 마크업 소스를 여백과 줄바꿈 그대로 화면에 표현합니다.
  • 소스를 보여주는 경우라면 <code> 태그와 같이 사용합니다.

속성(Property)

속성 값(예) 설명 버전
cols cols = "number" 가로 값을 설정합니다. html5
width width = "number" 최대 문자 수를 설정합니다. html5

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<pre> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
col 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨
width 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기