[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태그가 작동하여 아래와 같은 결과를 표기하게 되요.

     

     

     

    < 연습하기 >

     

    w3스쿨js피들

     

     

     

    Posted by 옹봉이