> 웹 프론트엔드 > HTML 튜토리얼 > html5의 태그에 대한 자세한 설명

html5의 태그에 대한 자세한 설명

黄舟
풀어 주다: 2017-07-17 13:32:48
원래의
2903명이 탐색했습니다.

오늘은 HTML5의 루비 태그를 배웠는데 꽤 흥미로울 것 같아 기록해두겠습니다.

ruby는 내부에 rp 및 rt 태그가 포함된 comments 태그를 만들 수 있습니다.

태그 정의 주석 또는 음성 표기.

Ruby 요소를 지원하지 않는 브라우저에 표시 방법을 알려주세요.

태그는 루비 주석의 내용 텍스트를 정의합니다.

이 태그를 배우고 나서 제가 처음 느낀 반응은 제가 읽을 수 없는 일본어 단어에 대해 가나 주석을 달 수 있는 방법이 있다는 것이었습니다! ! !

일본어 문장에 간단한 코멘트를 달기 위한 코드는 다음과 같습니다:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ruby注释标签</title>
    <style>
        p {
            text-align: center;
        }
    </style>
    </head>
    <body>
    <p>
    <ruby>月明<rp>(</rp><rt>つきあ</rt><rp>)</rp></ruby>かり昇る頃</p>
    <p>灯る <ruby>赤提灯 <rp>(</rp><rt>あかちょうちん</rt><rp>)</rp></ruby></p></body></html>
로그인 후 복사

효과는 다음과 같습니다:

Firefox Google:

이때 태그가 특히 중요합니다.'문자'를 의미하는 것으로 이해합니다. 좋은 문자를 가진 브라우저는 위 그림과 같이 위의 댓글 형식으로 표시하지만, 나쁜 문자를 가진 브라우저는 댓글을 보완하기 위해 태그가 필요합니다.

브라우저가 호환되면 내부의 텍스트가 표시되지 않습니다. 위의 주석에는 내부의 텍스트만 표시됩니다. 호환되지 않는 경우에는 아래 그림과 같이 나중에 에 있는 주석의 텍스트가 표시됩니다. 이때 에 패키징된 콘텐츠가 표시될 수 있습니다.

위 내용은 html5의 태그에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿