新しい開発者は、似たような結果を生成する複数の要素を見て混乱することがよくあります。 <em>
と<i>
は、両方ともテキストを斜体にしているため、一般的な例です。 違いは何ですか? あなたはどれを使うべきですか?
デフォルトでは、視覚的な結果は同じです。 しかし、意味的な意味は異なります。 <em>
要素は、その内容のストレス強調を表し、<i>
要素は、通常の散文からオフに設定されたテキスト、そのような外国語、架空の文字の思考、またはテキストがその意味的な意味を表すのではなく、単語の定義を参照するときを表します。 (本や映画の名前などの作品のタイトルは、<cite>
を使用する必要があります。)
これは、使用する正しいものが状況に依存することを意味します。 どちらも純粋に装飾的な目的のためではありません、それはCSSのスタイリングのためのものです。
<em>
の例は次のようになります。”、または: “と語っている。 テキストを読んでいる人やソフトウェアは、言葉のストレスを使用して、強調してイタリック体で単語を発音するだろう。
<i>
の例は、”女王メアリーは昨夜航海しました”です。 ここでは、”女王メアリー”という言葉に重点や重要性はありません。 問題のオブジェクトは、メアリーという名前の女王ではなく、メアリー女王という名前の船であることが示されているだけです。 <i>
の別の例は、”the word the is an article”である可能性があります。