HTML 주석 태그 태그와 해당 하위 요소 ,

집 근처에 작은 사립 영어 교육 기관이 있는데 거기 고용된 외국인 교사들은 모두 비공식 외국인 교사들이에요. 그들을 참조하십시오. 발음 기호를 읽어 영어를 배워야 하는 우리 학생들을 매우 놀라게 합니다. 한자에는 병음이 있고, 영어에도 발음 기호가 있습니다. 일본어에도 발음 기호가 있습니다. 일본에서는 텍스트에 발음 기호를 표시하는 인쇄 방법을 "루비"라고 합니다. 일본 인쇄 업계에서 이 관용구를 채택한 ruby라는 발음 기호 또는 주석을 표시하는 데 특별히 사용되는 HTML 마크업도 있습니다. 물론 Ruby라고도 불리는 프로그래밍 언어가 있는데, 둘은 서로 다른 언어이므로 혼동하지 마세요.

예제 데모:

Picture데모:

ruby 구문 설명

— 주석이나 음성 표기가 필요한 텍스트 콘텐츠를 둘러싸는 데 사용하세요.

— 여기에 음성 기호나 주석을 배치하세요. 이 표시는 주석이 필요한 텍스트 뒤에 있어야 합니다.

— 이 태그는 Ruby 태그를 지원하지 않는 브라우저를 방지하기 위해 사용되며 주로 괄호를 배치하는 데 사용됩니다. 이 태그를 지원하는 브라우저의 경우 rp 태그의 CSS 스타일은 보이지 않는 {display:none;}입니다.

코드 샘플

<ruby>
北<rp>（</rp><rt>bei</rt><rp>）</rp>
京<rp>（</rp><rt>jing</rt><rp>）</rp>
</ruby>

이 코드의 표시 효과는 위 예제 데모의 효과입니다.

rt의 텍스트는 가로로 표시되는 기사의 상단에 표시됩니다. 세로로 표시된 텍스트의 경우 오른쪽에 표시됩니다. 발음 기호의 글꼴이 너무 크다고 생각되면 CSS를 사용하여 작은 글꼴로 설정할 수 있습니다.

다음은 세로형 예시입니다.

브라우저 지원

루비 태그를 지원하지 않는 브라우저의 경우 rp 태그의 내용이 표시됩니다. 아래 그림과 위 그림을 비교해보세요. 사진을 보고 차이점이 무엇인지 확인하세요. 아래 그림은 Ruby 태그를 지원하지 않는 브라우저에서의 표시 효과입니다.

Firefox, Google 및 기타 최신 버전의 브라우저에서는 이 태그를 지원합니다.

이 태그는 중첩 사용도 지원하고 이중 레이어 주석을 표시합니다.

이 태그를 사용하여 중국어, 영어 텍스트를 표시하면 효과가 매우 좋습니다.

위 내용은 HTML 주석 태그 태그와 해당 하위 요소 , 의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!