#06 HTML 서식 요소

 

<em> 태그

• 강조를 표시
• 문맥을 통한 의미 변화가 있을 때만 사용
• 이탤릭체로 표현

 

<strong> 태그

• 높은 중요도를 표시
• 중요한 내용 강조할 때만 사용
• 볼드체로 표현
  
  
  

<abbr> 태그

• 약어 또는 두문자어를 표시

 

- title 속성 : 마우스 오버 시 툴팁에 표현할 내용을 지정

<abbr title="User Experience">UX</abbr>
<br><br><br>
<strong>사용자 경험</strong>은 사용자가 어떤 시스템, 제품, 서비스를 직·간접적으로 이용하면서<br>
느끼고 생각하게 되는 지각과 반응, 행동 등 <em>총체적 경험</em>을 말한다.

---

 

---

<i> 태그

• 특별한 의미가 없이 단순히 글자를 이탤릭체로 표현하는 것

 

<b> 태그

• 특별한 의미가 없이 단순히 글자를 볼드체로 표현하는 것

 

<i>이탤릭체</i>
<br>
<b>볼드체</b>

---

 

---

<address> 태그

• 저작자 또는 문서에 관한 연락처 정보를 표시할 때 사용
• 이탤릭체로 표현

<address>
  문의 : 010-1234-5678
</address>

---

 

---

<bdo> 태그

• 텍스트 방향을 임의로 바꿀 때 사용

 

- dir 속성 : 텍스트의 방향을 지정

• ltr : 왼쪽에서 오른쪽으로 (default)
• rtr : 오른쪽에서 왼쪽으로

<bdo dir="ltr">abc</bdo>
<br>
<bdo dir="rtl">abc</bdo>

---

 

---

<ruby> 태그

• 동아시아 문자의 발음을 표기할 때 사용
• <rt> 요소로 주석에 표기할 글자를 지정

<ruby>
  漢子<rt>한자</rt>
</ruby>

---