HTML テキストレベルの element_html/css_WEB-ITnose

目次 [1] 重要性の強調 [2] テキストの間隔 [3] テキストの不正確さ [4] ハイライト [5] マイナーコメント [6] 用語の扱い [7] 引用符 [8] 改行 [9] 上部下付き文字 [10] テキストの削除 [11] 特定の時間 [12] ふりがな [13] テキストの方向 [14] コンピューター コードの例のデモンストレーション

前の単語

段落内のテキストおよびその他のコンテンツ グループをマークするために使用される要素の種類 多数あり

テキスト エレメント

重要性の強調

ブラウザでは通常、em と Strong を表示するために斜体と太字を使用しますが、これらの要素を太字と斜体として使用するべきではありません。 。これら 2 つの要素は、それぞれコンテンツの強調と重要性を高めるために使用されます

907fae80ddef53131f3292ee4f81644b

| 太字と斜体のフォントを表示するために使用されますが、HTML5 では新しいセマンティクスになります

5a8028ccc7a7e27417bff9f05adf5932

[1]内なる対話など、さまざまな感情や声を表すテキスト

<p>I am <em>very</em> worried!</p><strong>warning</strong>

[2 ] 外来語、分類名、専門用語などを表します。別のテキスト

<p>Simon smirked,"Yes,I'm happy to take the garbage out." <i>Ugh,I <em>really</em> don't want to !</i> he thought as he picked up the garbage bag.</p>

[2] 記事やストーリーの紹介に使用されます

<i lang="fr">Oh la la!</i>    

不正確なテキスト

2e44d2d3284d23d932e1fd85f3d4cf3a HTML5 では、価格変更を示すためによく使用される、間違った、古い、非推奨のテキストとして再定義されます。 etc.

<p>After bringing <b>water</b> to a boil, add <b>potatoes</b> and <b>carrots</b></p>

Highlighted

< ;mark> ハイライトまたは引用用にマークされたテキストを表します

<p><b class="lede">Meteorologists predict more sunshine and scorching temperatures for the upcoming week, prompting area farmers to install irrigation systems.</b></p>

二次コメント

f7611b3b39f026c0b7529c091e890f92 本、ビデオ、オーディオ、絵画などの作品のタイトルへの参照を表します。

<p>The term <dfn>organic food</dfn> refers to food produced without synthetic chemicals</p>

f7c1d6236fb69c7c4640e080760ad5e4 上付き文字を表します

<p>    <b>The City Press</b><br />    123 General Street <br />    Springfield, OH 45501</p>

b96cac025db4031319c29e1eb68f19d6 下付き文字

<i>Irrigation<wbr /> Direct</i>

を表します

テキスト削除

ドキュメントの追加、削除、および変更の記録を示したい場合は、ins タグと del タグを使用する必要があります

426be984ffbbb815d7d88e3543a85d91 に挿入されたドキュメントのコンテンツ

823db3943044a0a9a620ada8d4b1d965 ドキュメントから削除されたコンテンツ

[注]426be984ffbbb815d7d88e3543a85d91 と 823db3943044a0a9a620ada8d4b1d965 は任意の要素をネストできます

4856247cc3a85d22371a30d3bc0cbd72

[1]datetime: 編集の日付とオプションの時間を示すために使用されます

[2]cite: ドキュメントを指定するために使用されます編集手順の URL

<p>    a<sup>2</sup>    +    b<sup>2</sup>    =    c<sup>2</sup></p>

特定の時刻

46dd80ba616c57a652514755c74c4211 日付または時刻を表します

1fe5bf869dfca240f55513a4fa45fc47

[1 ]datatime は、YYYY-MM-DDThh:mm の形式に従って正確な時刻を表します:ssTZD、年-月-日の区切り文字 T-時-分-秒-タイムゾーンを示します

[2]pubdate は 0308355b118049dbb4d730b9bc1f5307 　　　　表示ruby标记括号

<ruby> 漢 <rt> ㄏㄢˋ </rt></ruby>

<ruby>    汉    <rp>(</rp>    <rt>h&agrave;n</rt>    <rp>)</rp>    语    <rp>(</rp>    <rt>yǔ</rt>    <rp>)</rp>    </ruby>

 

文字方向

af4e6c3c591431c4583becd75d1c3582　　 忽略周围文字方向的文字
71af07a0e88a1ac1ff73f855702ac153　　 覆盖两种方向的设置，允许显式设置方向，并覆盖所有其他当前方向

<p>When rendered by a browser, <bdo dir="rtl">these words</bdo> will appear as 'sdroweseht'</p>

 

计算机代码

ffbe95d20f3893062224282accb13e8f 　　　 表示计算机代码
5e4e803d53d659f332070b5d4aa430db 　　　  定义键盘码
162cd570ab1483e383d78dcb7f452f7c 　　   定义计算机例子代码
78f983dbc27872ba42409adefe5049d9 　　　　  定义打字机代码
b7f90f73cad438258bf67e62f79b2113　　　　 定义变量

<p>    <code>Computer code</code>    <br />    <kbd>Keyboard input</kbd>    <br />    <tt>Teletype text</tt>    <br />    <samp>Sample text</samp>    <br />    <var>Computer variable</var>    <br /></p>

 

例子演示

　　 4e18cf0e3208bac22bb7fb2a3c7fc57a点击下列相应标签名可进行演示