ホームページ > 記事 > ウェブフロントエンド > html5のタグの詳細説明

html5のタグの詳細説明

黄舟オリジナル: 2017-07-17 13:32:482874ブラウズ

今日は

HTML5のルビタグについて勉強したのですが、なかなか面白かったので記録しておきます。

ruby は、rp タグと rt タグを含む

comments タグを作成できます。

ec41f2147470148e85ad0337a362103e タグ定義コメントまたはふりがな表記。

515718f19dfe6612658be14be18aa0ec Ruby 要素をサポートしていないブラウザにそれらを表示する方法を伝えます。

7240f116d85a7ee375466871bc33670a タグはルビ注釈の内容テキストを定義します。

このタグを知った後の私の最初の反応は、読めない日本語の単語にかな注釈を付ける方法があるということです! ！！

日本語の文にちょっとしたコメントをするためのコードは次のとおりです:

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

ec41f2147470148e85ad0337a362103e をサポートできないブラウザもあります。このとき、515718f19dfe6612658be14be18aa0ecタグが特に重要ですが、515718f19dfe6612658be14be18aa0ec「キャラクター」という意味だと理解しています。上の図に示すように、適切な文字を使用するブラウザではコメントが上部に表示されますが、不適切な文字を使用するブラウザではコメントを補足するために 515718f19dfe6612658be14be18aa0ec タグが必要になります。

ブラウザが互換性がある場合、7240f116d85a7ee375466871bc33670a 内のテキストは表示されません。非互換の場合、下図に示すように、の注釈のテキストが表示されます。このとき、にパッケージ化された内容が表示されます。

以上がhtml5のタグの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLのタグと

タグの違い次の記事：HTMLのタグと
タグの違い

続きを見る