HTML5テキストコンテンツ

テキストコンテンツのセマンティック要素は、通常、特別なコンテンツフラグメントを説明するために使用されます。これらのセマンティック要素は、次のような重要な情報をマークするために使用できます。名前、評価、予防措置、日付など。

要素には、<bdi>、<berition>、<summary>、<mark>、<utput>、<ruby>、<rp>、<time>、<wbr>などが含まれます。

<bdi>：親要素から分離され、システムのデフォルトのテキスト方向を使用するテキスト方向の内容の中間。

<詳細>：ドキュメントの詳細を説明するために使用されます。

<summary>：<詳細>要素のタイトルがマークされています。

<mark>：顕著なテキストをlalateします。

<出力>：コンテンツが将来入力される領域をマークします。

<Ruby>：マークノート（中国の音声またはキャラクター）。

<rt>：<ruby>要素で使用し、文字の解釈または発音（中国の音声または文字）を定義します。

<rp>：<ruby>要素では、Ruby要素をサポートしていないブラウザによって表示されるコンテンツが定義されています。

<time>：光または時間。

<wbr>：後続のスペースを収容できないときに単語が変更されることがマークされています。

IEブラウザのこれらの要素の各バージョンは異なります。

IEサポート：<mark>、<utput>、<ruby>、<rt>、<rp>、<time>。

IEはサポートしていません：<bdi>、<details>、<summary>、<wbr>。

IEブラウザは、Chromeブラウザでもサポートされている要素をサポートしています。

含む：<mark>、<utput>、<ruby>、<rt>、<rp>、<time>。

ブラウザの最低バージョン：IE 9、Chrome 26

シナリオを使用：重要なコンテンツ。

例：

 <p>中国の首都は<mark>北京</mark> </p>

ブラウザの最低バージョン：IE 9、Chrome33

シナリオの使用：計算結果の領域、JavaScriptの返品値などを表示します。

財産：

FOR：関連する要素ID。複数のスペースに分離されている場合。

フォーム：関連フォームID。フォームの場合は、この属性を割り当てる必要はありません。

例：

 <form id = form onput = result.value = username.value> <入力タイプ=テキスト名= username/> <output name = result> </form>

<Ruby>：マークノート（中国の音声またはキャラクター）。

<rt>：<ruby>要素で使用し、文字の解釈または発音（中国の音声または文字）を定義します。

<rp>：<ruby>要素では、Ruby要素をサポートしていないブラウザによって表示されるコンテンツが定義されています。

ブラウザの最低バージョン：IE 5、Chrome5

使用シナリオ：中国のピンイン、日本の仮名。

例：

 <h5>中国のピニイン</h5> <p> <p> <rub> zhong </rt> guo <rt> guo </rt> </p> <h5>日本の偽の名前</h5> <p> <ruby> han <rt>か</rt> words <rt>じ</rt> </ruby> </p>

ブラウザの最低バージョン：IE 9、Chrome33

シナリオを使用：ニュースおよびブログの公開日。

例：

作成日：<TimeDateTime = 2016-04-15T12：30> 2016/04/15 12:30 </TIME>

財産：

DateTime {DateTime}：この要素の日付と時刻を設定します。 <time>の形式は、要素表示日の形式が多様で、表示されたテキストの一部はx分前ですが、いくつかは英語ですが、実際の日付はこの属性に保存する必要があります。 。

例：

 <p>作成日：<Time DateTime = 2016-04-15 12:30> 2016/04/15 12:30 </time> </p> <p>作成日：<Time DateTime = 2016-04-15 12:30> 30分前</time> </p> <p>作成日：<Time DateTime = 2016-04-15 12:30> 4月15日</TIME> </p>

IEブラウザの不適切な要素もChromeブラウザーでサポートされています。

含む：<bdi>、<details>、<summary>、<wbr>。

ブラウザの最低バージョン：つまり、サポートしていません、Chrome16

シーンを使用：アラビア語、ペルシャ語など。

 <p> Div Display Direction：rtl </p> <div = rtl> <p>中国の首都は北京です！ > </div>

<詳細>：ドキュメントの詳細を説明するために使用されます。

<summary>：<詳細>要素を含むタイトル。

ブラウザの最低バージョン：つまり、サポートしていません、Chrome12

シーンを使用：製品の詳細、ドキュメントの詳細。

例：

 <summary> 2016-04-18気象条件<詳細> <p>サニーは曇りになります</p> <p> 13〜25°</p> </details> </summary>

ブラウザの最低バージョン：つまり、サポートしていません、Chrome1

シーンを使用：より長い英語の単語。

例：

 <h5> wbr要素を除く：</h5> <p> netscape netscapeという名前のLivescriptという名前の名前が付けられ、後にNetscapeはSunと協力してJavaScriptに変更しました。 </p> <h5>には、WBR要素が含まれています：</h5> <p> netscape netscape netscape named neadive rivescript in original script言語で、後にnetscapeはSunと協力してJava <wbr>スクリプトと改名しました。 </p>

上記は、この記事のすべての内容です。