목차
<ruby> 예제 - 글자 상단에 주석 달기 (예: 후리가나) <ruby> 정의 <ruby> 구문
[예제1] - <rb> 태그 있는 경우. <style> ruby {font-family: dotum 돋움; font-size: 100PX; line-height: normal} rt {font-size: 30.2px; color: rgb(204, 0, 0)} </style> <ruby><rb>愛</rb><rt>あい</rt></ruby>결과보기 [예제2] - <rb> 태그 없는 경우. <ruby> 俺 <rt>おれ</rt> </ruby> 결과보기
[예제1] - <rb> 태그 있는 경우.
<style>
ruby {font-family: dotum 돋움; font-size: 100PX; line-height: normal}
rt {font-size: 30.2px; color: rgb(204, 0, 0)}
</style>
<ruby><rb>愛</rb><rt>あい</rt></ruby>결과보기
[예제2] - <rb> 태그 없는 경우.
<ruby>
俺 <rt>おれ</rt>
</ruby>
결과보기
글자 상단에 해당 글자에 대한 자그마한 주석 달기. 1.해당 글자에 대한 발음이나 의미 달 때 사용. 일본에서 많이 사용. 2. 시작태그와 종료태그로 구성3. 아래 태그들과 함께 사용. ① <rb> 태그 : 기본 글자. (선택)② <rt> 태그 : 상단 주석. (필수)③ <rp> 태그 : 상단 주석 안 될 때 대비한 괄호. (선택). 기재 권장.4. 모든 브라우저 지원.5. HTML5 추가.
글자 상단에 해당 글자에 대한 자그마한 주석 달기.
1.해당 글자에 대한 발음이나 의미 달 때 사용. 일본에서 많이 사용.
2.
시작태그와 종료태그로 구성3.
아래 태그들과 함께 사용.
① <rb> 태그 : 기본 글자. (선택)② <rt> 태그 : 상단 주석. (필수)③ <rp> 태그 : 상단 주석 안 될 때 대비한 괄호. (선택). 기재 권장.4.
모든 브라우저 지원.5.
HTML5 추가.
<ruby><rb>글자</rb><rt>주석</rt></ruby>
<ruby> 태그는 전역속성・이벤트속성 지원.