HTML <tt> 태그란?
HTML의 <tt>(teletype text) 요소는 키보드 입력이나 고정폭(monospace) 텍스트를 나타내는 데 사용되었습니다. 그러나 이 요소는 현재 폐기(deprecated)된 상태이며, 최신 HTML 표준에서는 더 이상 지원되지 않습니다.
참고: <tt> 태그는 HTML5에서 지원되지 않습니다. 따라서 키보드 입력을 나타낼 때는 대신 <kbd> 요소를 사용해야 합니다.
<tt> 태그 구현 예제
다음은 HTML에서 <tt> 태그를 활용해 단축키를 표시하는 예제입니다.
예제
<!DOCTYPE html> <html> <body> <h2>단축키</h2> <p>다음 단축키를 사용하세요:</p> <p><strong>잘라내기(Cut)</strong>: <tt>CTRL</tt> + <tt>X</tt></p> <p><strong>복사(Copy)</strong>: <tt>CTRL</tt> + <tt>C</tt></p> <p><strong>붙여넣기(Paste)</strong>: <kbd>CTRL</kbd> + <kbd>V</kbd></p> <p><strong>실행 취소(Undo)</strong>: <tt>CTRL</tt> + <tt>Z</tt></p> </body> </html>
출력 결과
위 예제에서는 <tt> 요소를 사용하여 잘라내기, 복사, 실행 취소 등 각 작업의 단축키를 설정했습니다. 특히 붙여넣기 항목은 권장되는 대체 요소인 <kbd>로 작성했으며, 화면에는 다음과 같이 표시됩니다.
CTRL + V
마무리 정리
<tt> 태그는 더 이상 사용해서는 안 되며, 새로운 프로젝트에서는 용도에 맞게 <kbd>(키보드 입력), <code>(코드 조각), <samp>(프로그램 출력) 등의 시맨틱 요소를 사용하는 것이 좋습니다. 단순히 고정폭 글꼴 효과만 필요하다면 CSS의 font-family: monospace 속성으로 동일한 결과를 얻을 수 있습니다.