HTML, 한자의 발음을 써놓을 때 사용하는 태그

이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

<ruby></ruby>

<ruby> <rb>明鏡止水</rb> <rp>(</rp><rt>명경지수</rt><rp>)</rp> </ruby> <p>맑은 거울과 고요한 물처럼 잡념과 허욕이 없는 깨끗한 마음을 비유적으로 이르는 말</p>

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

明鏡止水 (명경지수)

맑은 거울과 고요한 물처럼 잡념과 허욕이 없는 깨끗한 마음을 비유적으로 이르는 말

전체적으로 감싸는 태그는 <ruby>~</ruby>입니다.

<ruby> 태그 안에서 한자를 감싸는 태그는 <rb>~</rb>,

발음을 감싸는 태그는 <rt>~</rt>, 괄호를 감싸는 태그는 <rp>~</rp>입니다.

괄호를 감싸는 <rp>는 루비 태그를 지원하지 않는 브라우저가 있을 수 있기 때문에 그러한 경우에는 루비 대신에 발음이 괄호 안에 표시되게 하기 위해서 사용한 것입니다.

하지만 현재는 대부분의 브라우저에서 <ruby> 태그를 지원하고 있다고 합니다.

이 글이 도움이 됐다면 하단의 ♡ 공감 버튼을 꾹 눌러서
빨간 하트♥로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS에 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.