목차
<rt> 예제 - 글자 상단 주석 내용
<rt> 정의
<rt> 구문
<rt> 기본 CSS
<rt> 예제 - 글자 상단 주석 내용
<ruby style="font-family: 돋움; font-size: medium; line-height: normal"><rb>愛</rb><rt style="font-size: 11.2px; color: rgb(204, 0, 0)">あい</rt> </ruby >결과보기
<rt> 정의
글자 상단에 해당 글자에 대한 주석 내용 기재.
※ 해당 글자에 대한 발음이나 의미 달 때 사용. (예) 일본 후리가나
1.
시작태그와 종료태그로 구성
2.
함께 사용하는 태그들
① <ruby> 태그 : 기본 글자에 주석을 다는 걸 명시.
필수사항이라 꼭 먼저 선언 후, 이 안에 <rt> 적어야 함.
② <rb> 태그 : 기본 글자 감싸기.
※ 선택사항이라 태그 자체는 안 적어도 되나, 기본 글자는 적어줘야 함.
③ <rp> 태그 : 상단 주석이 안 먹힐 때를 대비.
※ 선택사항이라 안 적어도 되나, 기재 권장함.
3.
주요 브라우저 모두 지원
4.
HTML5 추가.
5.
<rt> 태그는 전역속성과 이벤트속성 지원.
<rt> 구문
<ruby><rb>글자</rb><rt>주석</rt></ruby>
(예) <ruby><rb>한자</rb><rt>후리가나</rt></ruby>
<rt> 기본 CSS
rt { line-height: normal; }
주소 복사
랜덤 이동