HTML-Kommentar-Tag -Tag und seine Unterelemente ,

In der Nähe meines Zuhauses gibt es eine kleine private Englischlerneinrichtung. Fast alle ausländischen Lehrer haben mir gesagt, dass Kinder in englischsprachigen Ländern nie phonetische Symbole lernen sie sehen sie aussprechen. Das überrascht uns Studenten, die Englisch lernen müssen, indem sie sich phonetische Symbole ansehen. Chinesische Schriftzeichen haben Pinyin und Englisch hat auch phonetische Symbole. In Japan wird die Druckmethode zum Markieren phonetischer Symbole auf dem Text „Ruby“ oder „Rubi“ genannt. Es gibt auch einen Tag in HTML, der speziell zur Anzeige phonetischer Symbole oder Anmerkungen verwendet wird. Er heißt Ruby und übernimmt diese Redewendung aus der japanischen Druckindustrie. Natürlich gibt es eine Programmiersprache, die auch Ruby heißt, das sind zwei verschiedene Dinge, also verwechseln Sie sie nicht.

Beispieldemonstration:

BildDemo:

Ruby-Syntaxbeschreibung

– Verwenden Sie es, um Textinhalte einzuschließen, die Kommentare oder phonetische Notation erfordern.

– Platzieren Sie hier phonetische Symbole oder Anmerkungen. Dieses Tag sollte dem Text folgen, der kommentiert werden muss.

– Dieses Tag wird verwendet, um Browser zu verhindern, die Ruby-Tags nicht unterstützen, und wird hauptsächlich zum Platzieren von Klammern verwendet. Für Browser, die dieses Tag unterstützen, lautet der CSS-Stil des rp-Tags {display:none;}, was unsichtbar ist.

Codebeispiel

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

Der Anzeigeeffekt dieses Codes entspricht dem im obigen Beispiel demonstrierten Effekt. Der Text in

rt wird bei horizontal angezeigten Artikeln oben angezeigt. Vertikal angezeigter Text wird rechts angezeigt. Wenn Sie der Meinung sind, dass die Schriftart der phonetischen Symbole zu groß ist, können Sie sie per CSS auf eine kleine Schriftart einstellen.

Das Folgende ist ein vertikales Beispiel:

Browser-Unterstützung

Für Browser, die Ruby-Tags nicht unterstützen, rp Der Inhalt in der Markierung wird angezeigt. Sie können das Bild unten mit dem Bild oben vergleichen, um den Unterschied zu sehen. Das Bild unten zeigt den Anzeigeeffekt in einem Browser, der das Ruby-Tag nicht unterstützt:

Die neuesten Versionen von Firefox, Google und anderen Browsern unterstützen dieses Tag.

Dieses Tag unterstützt auch die Verschachtelung und zeigt doppelschichtige Anmerkungen an.

Verwenden Sie dieses Tag, um chinesischen und englischen Text anzuzeigen, und der Effekt ist sehr gut.

Das obige ist der detaillierte Inhalt vonHTML-Kommentar-Tag -Tag und seine Unterelemente , . Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!