The <i> element defines italic text, without any extra importance. The <em> element defines emphasized text, with added semantic importance. Browsers display both the same way, but there is a difference in the meaning of these tags. Italic text is in appearance only, while emphasized text indicates that the text is "important".
HTML file: | Displayed by browser: |
---|---|
<p>This text is normal.</p>
<p><i>This text is italicized</i>.</p> <p><em>This text is emphasized</em>.</p> |
This text is normal. This text is italicized. This text is emphasized. |