テキストコンテンツのセマンティック要素は、通常、特別なコンテンツフラグメントを説明するために使用されます。これらのセマンティック要素は、次のような重要な情報をマークするために使用できます。名前、評価、予防措置、日付など。
要素には、<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>。
<mark>:顕著なテキストにラベルを付けますブラウザの最低バージョン: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>、<rp>: note(中国の音声または性格)
<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><time>:ラベルの日付または時刻
ブラウザの最低バージョン: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はサポートしていません
IEブラウザの不適切な要素もChromeブラウザーでサポートされています。
含む:<bdi>、<details>、<summary>、<wbr>。
<BDI>:親要素のテキストのコンテンツのセクションをマークし、システムのデフォルトのテキストの方向を採用しましたブラウザの最低バージョン:つまり、サポートしていません、Chrome16
シーンを使用:アラビア語、ペルシャ語など。
<p> Div Display Direction:rtl </p> <div = rtl> <p>中国の首都は北京です! > </div><summary>、<詳細>:拡張および閉じたコンテンツブロックをマークします
<詳細>:ドキュメントの詳細を説明するために使用されます。
<summary>:<詳細>要素を含むタイトル。
ブラウザの最低バージョン:つまり、サポートしていません、Chrome12
シーンを使用:製品の詳細、ドキュメントの詳細。
例:
<summary> 2016-04-18気象条件<詳細> <p>サニーは曇りになります</p> <p> 13〜25°</p> </details> </summary><wbr>:後続のスペースが完全に許容できない場合に単語をマークします
ブラウザの最低バージョン:つまり、サポートしていません、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>
上記は、この記事のすべての内容です。