HTML <em> tag
The <em> tag is used to define emphasized text. The text within this element will display in italic style.
Type: Inline Element
Syntax of <em> tag
<em> Emphasized text </em>
Supported Browsers
| Tag | Chrome | Internet Explorer | Firefox | Safari | Opera Mini |
|---|---|---|---|---|---|
| <em> | Yes | Yes | Yes | Yes | Yes |
Full code example
<!DOCTYPE html> <html> <head> </head> <body> <p> This is <em> Important text </em>. </p> </body> </html>
This is important text.
Related phrase tags of <em> tag
| Tag | Note |
|---|---|
| <code> | It defines enclosed text as a computer code. |
| <kbd> | It defines user input, such as keyboard input or, sometimes voice commands. |
| <samp> | It defines an output from the system. |
| <strong> | It defines strong text. |
| <var> | It defines a variable. |
<em> tag is a phrase tag. A phrase tag means a tag having semantical structure and meaning rather than just its apppearance.
More reference
Both <em> and <i> elements's content will be in italic style.
Key difference: The <i> tag is mainly used to define a text (may be scientific names, terms, book names etc.) in italic style for visual styling only whereas the <em> defines an important text having semantic meaning (which helps in screen readers, SEO) rather than its appearance.
Default CSS property of <em> tag
em { font-style: italic; }
