HTML タグの役割

emはEmphasisの略です。 ~ 内に含まれるテキストが強調表示されます。 Internet Explorer などのブラウザではテキストが斜体で表示され、一部のブラウザではテキストの色の変更などの他の方法を使用して強調効果を実現します。

em> タグ (html em 強調タグ) は、その中のテキストを強調されたコンテンツとして表すようにブラウザーに指示します。これは、すべてのブラウザで、このテキストを誰でも表示できるように斜体で表示する必要があることを意味します。これは、HTML I 斜体タグと同じ効果があります。

1) タグで変更された内容は斜体で表示されますが、これらの内容は、テキストを表示するためにのみ斜体を使用したい場合は、 タグを使用してください。さらに、ドキュメントには、テキストの表示を変更するカスケード スタイル定義を含めることもできます。

2)、em はコンテンツ強調関数を定義します

3)、EM タグのデフォルトの斜体の特殊スタイルは、CSS スタイルを使用して初期化できます。em 強調タグの独自のスタイルを決定する方法については、後の記事で紹介します。 。

em には次の特徴があります:

1. em の値は固定されません
2. em は親要素のフォント サイズを 継承します。

そのため、CSSを書くときは次の2点に注意する必要があります:

1. bodyセレクターで

Font-size=62.5%を宣言します 2. 元のpx値を10で割って置き換えます。 em を単位として;
3. それらの拡大されたフォントの em 値を再計算します。フォント サイズの繰り返しの宣言は避けてください。

それは、1.2 * 1.2= 1.44という現象を避けるためです。たとえば、#content でフォント サイズを 1.2em と宣言した場合、p のフォント サイズを宣言する場合、この em はその em ではなく、フォントを継承するため、1.2em ではなく 1em のみにすることができます。 #contentの高さは1em=12pxになりました。

ただし、例外は 12px の漢字です。つまり、上記の方法で取得した 12px (1.2em) の中国語文字は、IE で 12px によって直接定義されたフォント サイズと等しくなく、わずかに大きくなります。この問題は Jorux によって解決されました。ボディセレクターの 62.5% を 63% に変更するだけで正常に表示されます。その理由は、IE が漢字を処理するときに浮動小数点値の精度が制限されているためである可能性があります

em は相対的な長さの単位です。現在の

オブジェクト 内のテキストに対する相対的なフォント サイズ。インライン テキストの現在のフォント サイズが手動で設定されていない場合は、ブラウザのデフォルトのフォント サイズを基準とします。

どのブラウザでもデフォルトのフォントの高さは16pxです。変更されていないすべてのブラウザは、1em=16px に準拠します。すると、12px=0.75em、10px=0.625emとなります。 font-size の変換を簡略化するには、CSS の body セレクターで Font-size=62.5% を宣言する必要があります。これにより、em 値は 16px*62.5%=10px となり、12px=1.2em、10px=1em となります。 , また、つまり、元の px 値を 10 で割って、単位を em に変更するだけです。

いくつか質問してください:

1. タグとは何ですか?

2. タグと の違いは何ですか?

最初の質問は最もひねくれた質問です:

最も正直な答え: わかりません、まったく見ていません!

最も紛らわしい答え: 兄貴分の em は長さの単位であり、

html タグ ではなく CSS であり、px (ピクセル) と同じ単位です。

最も素晴らしい答え: え?斜体は強調のためだけですが、推奨されていません。ほとんどの主要な Web サイトがこのタグを使用していないことがわかります。

2 番目の質問は、主に HTML セマンティクスの導入に関するものです。どちらもブラウザではイタリックで表示されますが、 は表現力豊かなタグであり、斜体を表現するだけです。

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