コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > html5のタグの詳細説明

html5のタグの詳細説明

黄舟
リリース： 2017-07-17 13:32:48
オリジナル
2937 人が閲覧しました

今日は

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

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

comments タグを作成できます。

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

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

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

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

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

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

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

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

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

関連ラベル：
h5 html5 ruby
ソース：php.cn
前の記事：HTMLのタグと
タグの違い 次の記事：HTML コメントタグ タグとその子要素 ​​、
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
HTMLとHTML5の違い
から 1970-01-01 08:00:00
0
0
0
symfony 2.1 の html5 検証
から 1970-01-01 08:00:00
0
0
0
html5の使用について
から 1970-01-01 08:00:00
0
0
0
html5 を使用して画像のスクロール効果を作成できますか?
から 1970-01-01 08:00:00
0
0
0
JavaScript - HTML5 のドラッグ アンド ドロップがパッド上で機能しない、その解決方法
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート