[HTML/CSS] 특수한 글자 태그!!
TIP/Blog
2017. 7. 6. 00:26
[HTML/CSS] 특수한 글자 태그!!
일반적으로는 사용하지 않지만 특수한 경우 사용하게 되는 글자 태그를 다뤄 볼게요. |
|
|
<sub></sub> 아래 첨자 태그
태그 |
속성 |
속성값 |
비고 |
sub |
|
|
보통 화학식 등에 사용됨 |
예) CO<sub>2</sub> |
<sup></sup> 위 첨자 태그
태그 |
속성 |
속성값 |
비고 |
sup |
|
|
제곱 등의 수학식에 사용됨 |
예) x<sup>2</sup> |
<ruby></ruby> 일본어, 한자등의 표기
태그 |
속성 |
속성값 |
비고 |
ruby |
|
|
루비문자 선언 |
rt |
|
|
위에 쓰여질 작은 글자 |
rp |
|
|
ruby태그 의미 보강태그 |
rp태그는 HTML5에서 추가된 태그로 익스플로러9, 파이어 폭스, 오페라, 크롬, Safari에서 지원하며, 익스플로러8 이하에서는 지원하지 않을수도 있어요. rp태그는 ruby태그가 정상으로 표기되면 보이지 않으며 rt태그가 작동하지 않는다면 rp태그가 작동되요. 말로 설명하기 어려우니 예제를 보도록 해요. |
만약 rt태그가 작동하지 않으면 rp태그가 작동하여 아래와 같은 결과를 표기하게 되요. |
< 연습하기 >