Detaillierte Erklärung des -Tags in HTML5

黄舟
Freigeben: 2017-07-17 13:32:48
Original
2881 Leute haben es durchsucht

Heute habe ich das Ruby-Tag von HTML5 gelernt. Ich fand es ziemlich interessant, also werde ich es aufzeichnen.

Ruby kann Annotations--Tags erstellen, mit rp- und rt-Tags darin.

Tag definiert Kommentare oder phonetische Symbole.

Teilen Sie Browsern mit, die Ruby-Elemente nicht unterstützen, wie sie angezeigt werden sollen.

Das Tag definiert den Inhaltstext der Ruby-Anmerkung.

Meine erste Reaktion, nachdem ich dieses Tag gelernt habe, ist, dass ich eine Möglichkeit habe, Kana-Anmerkungen für japanische Wörter zu erstellen, die ich nicht lesen kann! ! !

Der Code lautet wie folgt, um einen kleinen Kommentar zu einem japanischen Satz zu machen:

<!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>
Nach dem Login kopieren

Der Effekt ist wie folgt:

Firefox Google:

Es gibt auch einige Browser, die das -Tag nicht unterstützen ". Browser mit gutem Charakter zeigen es in Form von Kommentaren oben an, wie im Bild oben gezeigt, während Browser mit schlechtem Charakter das Tag benötigen, um die Kommentare zu ergänzen.

Der Text in wird nicht angezeigt, wenn der Browser kompatibel ist. Nur der Text in wird oben angezeigt. Im Falle einer Inkompatibilität wird der Text der Anmerkung in angezeigt. Zu diesem Zeitpunkt kann der in verpackte Inhalt angezeigt werden.

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des -Tags in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage