[HTML] <u>

<u>

<u> 태그는 HTML4에서는 밑줄을 표시하기 위해서 사용하였습니다. 하지만 밑줄 기능은 CSS로 충분히 표현 가능하기 때문에 더 이상 사용하지 않게 되었습니다. HTML5에서는 철자 오류 및 주석 표시를 위한 태그로 의미가 변경되었습니다. 이 태그는 밑줄을 표시하기 위한 디자인적인 요소로 사용하면 안됩니다. 철자 오류 및 주석 표시를 위한 태그입니다. 밑줄을 표시하기 위함이라면 text-decoration 속성을 이용하면 됩니다

<u> 태그는 철자 오류가 포함된 단락을 표시하며, 빨간색 물결 밑줄 스타일로 오류를 표시합니다.

---

<u>

<u> 태그는 맞춤법이 틀린 단어를 표시할 때 정의합니다.

특징	설명
요소	인라인 요소(Inline Element)
닫는 태그	닫는 태그 사용(<u> ~ </u>)
버전	HTML4(HTML5에서 의미 변경)
시각적 표현	빨간색 물결 밑줄

정의(Definition)

• <u> 태그는 맞춤법이 틀린 단어를 표시 할 때 사용합니다.
• 밑줄을 표시하기 위한 용도는 CSS의 text-decoration:underline을 사용합니다.

크로스브라우징(CrossBroswing)

• HTML4에서는 글씨에 밑줄을 표현할 때 사용했지만, HTML5에서는 맞춤법이 틀린 단어에 대한 주석 표시로 사용합니다.

비교(Compare)

• 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
• 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
• 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
• 글씨의 중요성을 강조하고 싶다면 <strong> 태그를 사용합니다.
• 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
• 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
• 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
• 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
• 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다
• 글씨의 저작권 및 법적 텍스트 표현은 <small> 태그를 사용합니다.

Sample1

결과

• 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i> 태그를 사용합니다.
• 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b> 태그를 사용합니다.
• 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
• 글씨의 중요성을 강조하고 싶다면 <strong> 태그를 사용합니다.
• 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.
• 글씨의 전문적인 용어를 정의할 때는 <dfn> 태그를 사용합니다.
• 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
• 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
• 글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u> 태그를 사용합니다
• 글씨의 저작권 및 법적인 텍스트 표현은 <small> 태그를 사용합니다.

html

<ul>
    <li>글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 <i>i</i> 태그를 사용합니다.</li>
    <li>글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 <b>b</b> 태그를 사용합니다.</li>
    <li>글씨를 강조하고 싶다면 <em>em</em> 태그를 사용합니다.</li>
    <li>글씨의 중요성을 강조하고 싶다면 <strong>strong</strong> 태그를 사용합니다.</li>
    <li>글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark>mark</mark> 태그를 사용합니다.</li>
    <li>글씨의 전문적인 용어를 정의할 때는 <dfn>dfn</dfn> 태그를 사용합니다.</li>
    <li>글씨를 위첨자로 표현하고 싶다면 <sup>sup</sup> 태그를 사용합니다.</li>
    <li>글씨를 아래첨자로 표현하고 싶다면 <sub>sub</sub> 태그를 사용합니다.</li>
    <li>글씨의 맞춤법이 틀린 단어를 표현하고 싶다면 <u>u</u> 태그를 사용합니다</li>
    <li>글씨의 저작권 및 법적인 텍스트 표현은 <small>small</small> 태그를 사용합니다.</li>
</ul>

샘플(Sample)

맞춤법이 틀렸을 경우 사용하는 예제입니다.

Sample1

그녀는 나에게 대화를 걸었지만, 나는 몰르는 척 하고 지나가버렸다.

HTML

<p>그녀는 나에게 대화를 걸었지만, 나는 <u class="spelling">몰르는</u> 척 하고 지나가버렸다.</p>

CSS

u.spelling {text-decoration: red wavy underline;}

호환성(Compatibility)

						6	7	8	9	10	11
<u>	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능

---