HTML テキストの書式設定
HTML では、太字、斜体、テキストの方向など、多くの書式設定された出力要素を定義できます。これらの書式設定されたタグは、
タグ機能に従って次の 2 つの側面に分けることができます。テキスト書式設定タグ「コンピュータ出力」タグ引用および用語定義タグ
タグ機能の実装に従って、次のように分割できます:
コンテンツベースのスタイルタグ 物理スタイルに基づいたタグ
まず、タグ機能の実装の観点からテキストの書式設定を見てみましょう。
1. コンテンツベースのスタイルタグコンテンツベースのスタイルは次のことを示します。ブラウザはそれが何であるか 含まれているテキストには特別な意味、コンテキスト、または使用法があり、ブラウザはその意味、コンテキスト、または使用法と一致する形式をテキストに適用します。
コンテンツベースのスタイルタグは次のとおりです:1 ) <abbr> は略語を表します
2) <頭字語> は最初の文字のみを取る略語を定義します 3) <code> は、コンピューターのソース コードまたはその他の機械可読コードを表すために使用されます。 + 入力されたテキストはブラウザによって固定幅フォントで表示されます7) <strong> タグは <em> タグと同じで、テキストの強調を示します。 8) <var> は、ユーザーが指定した変数名または値を表します。 コンテンツベースのスタイルは、特別な意味を持つラベルで囲まれたテキストを表示します。これらの特別な意味を持たずに、単に異なるテキスト表示効果を生成したい場合は、これらのタグを使用しないことをお勧めします。ただし、 は強調を意味し、それに含まれるテキストは太字で表示されます。太字のテキストを作成したい場合は、<strong> タグを使用せず、<b> タグを使用してください。2. コンテンツベースのタグスタイルは、これらのタグが特別な意味を表すことをブラウザーに伝えます。これにより、特別な場合に、テキストを特別な方法で表示する必要がある場合があり、これには物理ベースのスタイルを使用する必要があります。太字 (太字) イタリック <イタリック )等幅、下線、取り消し線、大きい、小さい、上付き、下付き
太字<b>
大きいフォント<big>
イタリック<i>
<s>削除、現在は一般的に使用されていません。代わりに <del> を使用できます。
<small>小さいフォント
<strike>下線
<下付き>上付き<sup>下付き付き
<tt>等幅フォント
機能分類は以上です。上記のタグと重複するタグが多いため、以下では上記に挙げていないタグのみ詳しく紹介します。 .
テキスト書式設定タグ
タグ<em> 斜体フォントを定義します
定義より強い強調 <sub> 上付き文字を定義します
<ins> 定義を削除します
<s>
<strike> 非推奨です。代わりに del を使用してください。 gt; コンピュータコードを定義します。
<kbd> キーボードコードを定義します。
<samp> コンピューター コード サンプルの定義。
<tt> タイプライター コードを定義します。
<var> 変数を定義します。
<pre> フォーマット済みテキストを定義します。
<listing> は廃止されました。代わりに <pre> を使用してください。
<平文>は非推奨です。代わりに <pre> を使用してください。
<xmp> は非推奨になりました。代わりに <pre> を使用してください。
引用、引用、および用語の定義
タグ
<abbr> 定義の略語。
<頭字語> 頭字語の定義。
<アドレス> アドレスを定義します。
<bdo> テキストの方向を定義します。
<blockquote> 長い引用符を定義します。
<q> 短い引用符を定義します。
<cite> 定義参照、引用。
<dfn> 定義プロジェクトを定義します。
インスタンス:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <b>This text is bold</b> <br /> <strong>This text is strong</strong> <br /> <big>This text is big</big> <br /> <em>This text is emphasized</em> <br /> <i>This text is italic</i> <br /> <small>This text is small</small> <br /> This text contains <sub>subscript</sub> <br /> This text contains <sup>superscript</sup> </body> </html>
インスタンス2:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <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> <b>注释：</b>这些标签常用于显示计算机/编程代码。 </p> </body> </html>
