텍스트와 관련된 태그는 물리적(Physical) 태그와 논리적(Logical) 태그로 구분됩니다.
1. 물리적(Physical) 태그
텍스트가 화면에 출력되는 형식을 지정하는 태그입니다.
| 소스 |
설명 |
화면출력 |
| <i>텍스트</i> |
기울임 글꼴(Italics) |
텍스트 |
| <b>텍스트</b> |
굵은 글꼴(Bold) |
텍스트 |
| <tt>텍스트</tt> |
타자기 글꼴(Teletype) |
텍스트 |
| <u>텍스트</u> |
밑줄친 글꼴(Underline) |
텍스트 |
| <s>텍스트</s> |
취소선(Strikethrough) |
텍스트 |
| <strike>텍스트</strike> |
취소선(Strikethrough) |
텍스트 |
| <sub>텍스트</sub> |
아래첨자(Subscript) |
텍스트 |
| <sup>텍스트</sup> |
위첨자(Superscript) |
텍스트 |
| <big>텍스트</big> |
크게, Bigger font (one size bigger) |
텍스트 |
| <small>텍스트</small> |
작게, Smaller font (one size smaller) |
텍스트 |
물리적 태그중에서 많이 쓰이는 태그는 <b>, <u> 정도가 있습니다. 물리적 태그는 태그 자체의 의미는 가지지 않고 단순히 화면에 표시되는 형태만을 결정합니다. 그리고 이는 CSS로 대체해서 사용할 수 있으므로 중요하지 않은 태그라고 할 수 있습니다.
2. 논리적(Logical) 태그
물리적 태그가 텍스트가 화면에 어떻게 출력될것인가를 결정하는 반면 논리적 태그는 화면에 출력되는 형식보다는 태그 자체가 의미를 가지고 있는 태그입니다.
| 소스 |
설명 |
화면출력 |
| <abbr>텍스트</abbr> |
Abbreviation (for example, Mr.) |
텍스트 |
| <acronym>텍스트</acronym> |
Acronym (for example, WWW) |
텍스트 |
| <cite>텍스트</cite> |
인용(Citation) |
텍스트 |
| <code>텍스트</code> |
코드(Code listing) |
텍스트 |
| <dfn>텍스트</dfn> |
Definition |
텍스트 |
| <em>텍스트</em> |
강조(Emphasis) |
텍스트 |
| <kbd>텍스트</kbd> |
Keystrokes |
텍스트 |
| <q>텍스트</q> |
Inline quotation |
텍스트 |
| <samp>텍스트</samp> |
Sample text (example) |
텍스트 |
| <strong>텍스트</strong> |
강한 강조(Strong emphasis) |
텍스트 |
| <var>텍스트</var> |
변수(Programming variable) |
텍스트 |
화면출력 부분을 보시면 기울임 글꼴이나 굵은 글꼴외에 특별한 형태로 출력되는것은 없습니다. 단지 이 텍스트가 어떤 성격인지를 규정하는 역할을 합니다.
