<i>

Tag for changing the mood of the text, but without any semantic meaning.

Time to read: less than 5 min

Briefly

The <i> tag is used to change the voice or mood of a part of the text to convey its different quality: official name, idiom from another language, transliteration, or remarks.

For highlighting important information, <strong> is used, and for changing tone — <em>.

By default, browsers apply italic font style to <i> using font-style: italic.

How to Write

In the quote below, remarks indicating the addressee of the speech are highlighted with the <i> tag:

        
          
          <p>  Kabanov <i>(sighing to the side)</i>. Oh Lord!  <i>(To Mother.)</i> Do we dare, dear mother, to think!</p>
          <p>
  Kabanov <i>(sighing to the side)</i>. Oh Lord!
  <i>(To Mother.)</i> Do we dare, dear mother, to think!
</p>

        
        
          
        
      
Open demo in the new window

How to Understand

By default, browsers apply italic font style to <i> using font-style: italic.

In earlier versions of the HTML specification, the <i> element was simply a presentation element used to display text in italics. Now, the tag defines semantics rather than typographic presentation.

The <i> element is used only if there is no more appropriate semantic element, for example:

  • <em> — semantic emphasis in a sentence;
  • <strong> — increased importance;
  • <mark> — highlighting with a "marker";
  • <dfn> — a term or definition of an abbreviation.

Attributes

The <i> tag supports global attributes and events.