HTML5 <i> Tag

The HTML <i> tag is used to represent a range of text that is set off from the normal text for some reason. For example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.

The only content permitted inside this element is phrasing content. Both the starting and ending tag are mandatory for this element. The parent of the <i> tag can be any element that accepts phrasing content.

In earlier versions of the HTML specification, the <i> tag was merely a presentational element used to display text in italics, much like the <b> tag was used to display text in bold letters. This is no longer true, as these tags now define semantics rather than typographic appearance.

The following style is applied to this element by default:

i {
  font-style: italic;
}

Here is an example of using this tag:

<p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p>
<p>The term <i>prose content</i> is defined above.</p>
<p>There is a certain <i lang="fr">je ne sais quoi</i> in the air.</p>

Attributes

This element only accepts global attributes.

Examples

See the Pen HTML i Tag by Tutorialio (@tutorialio) on CodePen.

Further Reading

  1. Read more about the HTML <i> element on MDN.
  2. You can also read the HTML <i> tag reference on W3C.

Reader Comments

1. You can register or login to post a comment. Asking readers to register improves the quality of discussion.

2. As a registered user, you will also get to access features like choosing between a light and dark theme or anything else that we might implement in future.

Follow Us For Updates

FacebookTwitterGoogle+
Go To Top