Maison >interface Web >tutoriel HTML >Explication détaillée de la balise en html5

Explication détaillée de la balise en html5

黄舟
黄舟original
2017-07-17 13:32:482920parcourir

Aujourd'hui, j'ai appris le tag rubis du HTML5 J'ai trouvé que c'était assez intéressant, alors je vais l'enregistrer.

Ruby peut créer des balises annotations , avec des balises rp et rt à l'intérieur. La balise

ec41f2147470148e85ad0337a362103e définit des commentaires ou des symboles phonétiques.

515718f19dfe6612658be14be18aa0ec Indiquez aux navigateurs qui ne prennent pas en charge les éléments Ruby comment les afficher.

7240f116d85a7ee375466871bc33670a La balise définit le texte du contenu de l'annotation ruby.

Ma première réaction après avoir appris cette balise est que j'ai un moyen de faire des annotations kana pour les mots japonais que je ne peux pas lire ! ! !

Le code est le suivant, pour faire un petit commentaire sur une phrase japonaise :

<!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>

L'effet est le suivant :

Firefox Google :

Certains navigateurs ne peuvent pas prendre en charge la balise ec41f2147470148e85ad0337a362103e À l'heure actuelle, la balise 515718f19dfe6612658be14be18aa0ec ". Les navigateurs avec un bon caractère l'afficheront sous forme de commentaires ci-dessus, comme le montre l'image ci-dessus, tandis que ceux avec un mauvais caractère auront besoin de la balise 515718f19dfe6612658be14be18aa0ec pour compléter les commentaires.

Le texte à l'intérieur de 515718f19dfe6612658be14be18aa0ec ne sera pas affiché lorsque le navigateur est compatible. Seul le texte à l'intérieur de 7240f116d85a7ee375466871bc33670a En cas d'incompatibilité, le texte de l'annotation dans 7240f116d85a7ee375466871bc33670a sera affiché ultérieurement, comme le montre la figure ci-dessous. À ce stade, le contenu packagé dans 515718f19dfe6612658be14be18aa0ec

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn