HTML <i> Tag

The <i> element in HTML is used to represent a span of text that is set off from the normal prose for a particular reason, typically to indicate a change in tone, voice, or style. Historically, <i> has been associated with italicized text purely for presentation purposes, but in modern HTML its usage is more semantic than merely stylistic.

The <i> tag is often used to convey text in an alternate voice or mood, such as:

• Technical terms or phrases: e.g., <i>localhost</i>
• Foreign words or phrases: e.g., <i>déjà vu</i>
• Thoughts or internal dialogue in narratives
• Names of ships, planes, or other vehicles

While <i> may default to italics in most browsers, its primary role is to indicate a semantic difference rather than enforce a visual style. If the goal is purely stylistic italics without semantic meaning, the <em> tag (for emphasized text) or CSS styling is often preferred.

Unlike <em>, which conveys emphasis (and is therefore meaningful for screen readers), <i> signals a stylistic or semantic distinction without implying emphasis. This makes it a useful tool for marking text that should stand out in a subtle, non-emphatic way.