[꿀팁!]아주 유용한 일본어 표기용 HTML태그

 

안녕하세요 '일'본의 모든 것을 '공'유하는 '사'람 "104"료마입니다.

 

최근에 TISTORY에서 추가로 사용할 수 있는 HTML 태그들을 찾아보다가 아주 우연하게 일본어 관련 태그가 있다는 것을 알게 되어서 사용 방법을 아주 간단하게 공유드리겠습니다.

 

 

평소에 포스팅을 하면서 일본어 한자 위에 표시되는 후리가나 표현이 궁금했던 차에 인터넷에서 태그 관련 내용들을 찾아보니 <ruby>와 <rt>라는 태그가 있었습니다. 해당 태그들의 기능은 아래와 같습니다.

출처 : 나무위키 (namu.wiki)

 

위의 HTML태그를 사용하면 아래와 같이 한자 위에 후리가나가 표시가 되는데 漢字라는 한자 위에 かんじ라는 그 한자의 후리가나를 넣은 것입니다. 

漢字 かんじ

 

 

태그의 사용 방법은 아래와 같이 사용을 하면 되는데

-태그 사용법-
<ruby>"한자"<rt>"해당 한자의 후리가나"</rt></ruby>

-실제 사용 예-
<ruby>漢字<rt>かんじ</rt></ruby>

 

 

 

어떤 문장에 있는 한자라도 위의 사용 예제를 응용해서 사용하시면 됩니다. 이렇게요~^^

-후리가나 적용한 문장-
フリガナを入いれるのは簡単かんたんです。

-태그 적용-
フリガナを<ruby>入<rt>い</rt></ruby>れるのは<ruby>簡単<rt>かんたん</rt></ruby>です。

 

혹시나 해서 HTML Tag를 넣을지 모르시는 분들도 계실 것 같아서 넣는 방법도 공유 드리면 아래 이미지처럼 HTML모드로 변경하시고 해당 Tag가 포함된 문장을 수정해서 사용하시면 됩니다. 단! HTML입렵은 폰에서는 불가하고 PC에서만 가능하니 이점도 참고 바랍니다.

 

 

그리고 혹시 일본어 입력 방법 조차 모르시는 초보자분들을 위해서 예전에 공유 드렸던 아래 포스팅도 같이 공유 드리겠습니다.

https://lge-kim.tistory.com/2

PC에서 일본어 입력 방법(Window 10)

 

그럼 조금이나마 도움이 되시기를 바라며 나중에 다른 포스팅으로 찾아 뵙겠습니다!