communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Explication détaillée de la balise en html5

Explication détaillée de la balise en html5

黄舟
Libérer： 2017-07-17 13:32:48
original
2903 Les gens l'ont consulté

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

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

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

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>
Copier après la connexion

L'effet est le suivant :

Firefox Google :

Certains navigateurs ne peuvent pas prendre en charge la balise À l'heure actuelle, la balise ". 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 pour compléter les commentaires.

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

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!

Étiquettes associées：
h5 html5 ruby
source：php.cn
Article précédent：La différence entre la balise et la balise
en HTML Article suivant：Balise de commentaire HTML Balise et ses sous-éléments ,
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal