HTML5 텍스트 태그 (<pre>~</pre> 외 기타 텍스트 관련 태그들)

 

 HTML5 텍스트 태그 (<pre>~</pre> 외 기타 텍스트 관련 태그들)

오늘은 HTML5 텍스트에 관련된 태그

<pre>~</pre>와 이 태그 안에 같이 사용되는 몇개의 태그를 설명 드리겠습니다.

1. <pre>~</pre>

이 태그는 html에서는 몇개의 공백을 넣더라도 브라우저 창에서는

한 개의 공백만을 표시하게 됩니다.

하지만 <pre>~</pre>이 태그를 사용할 경우 소스에 표시한 그대로

​공백이 브라우저에 그대로 표시가 되기 때문에

이 태그는 프로그램 소스를 표시할 때 사용합니다.

 

2. <pre>~</pre> 태그 안에서 같이 사용되는 태그

(1) <kbd>~</kbd>

 이 태그는 키보드 입력이나 음성 명령과 같이

 사용자 입력 내용을 표시할 때 사용하는 태그입니다.

(2) <code>~</code>

 이 태그는 파일 이름이나 컴퓨터 프로그램 등

 컴퓨터가 인식할 수 있는 소스를 표시하는 태그입니다.

(3) <samp>~</samp>

 이 태그는 프로그램 처리 결과를 표시하는 태그입니다.

(4) ^~

 이 태그는 수학 식을 표현할 때 텍스트에 위 첨자를 표현하는 태그입니다.

(5) _~

 이 태그는 수학 식을 표현할 때 텍스트에 아래 첨자를 표현하는 태그입니다.

(6) <s>~</s>

 이 태그는 문서에서 특정 텍스트를 제거한다는 의미로 취소선을 그리는 태그입니다