I element
The i element is an HTML element that marks text set apart from surrounding prose by a different voice, mood, or semantic role.
Build a Website with ChatGPT
The i element is an HTML element that marks text set apart from the surrounding prose by a different voice, mood, or semantic role.
- How it is used
- Marks alternative text or other prose that plays a different role from surrounding text.
- How deep it goes
- Defines the element, shows its HTML syntax, demonstrates browser italic rendering, and distinguishes it from nearby text elements.
- Examples
- Uses a C.S. Lewis title inside a paragraph as the concrete markup example.
- What you can do after
- Apply it in HTML to mark titles or other alternative text for distinct browser presentation.
Design for Developers
The HTML i element marks text set apart from the surrounding text without asserting added emphasis or importance.
- How it is used
- Distinguishes alternate voices and specialized terms while preserving semantic HTML.
- How deep it goes
- Explains the semantic distinction from em and CSS styling, stopping short of implementation detail beyond the basic declaration.
- Examples
- Uses alternate moods or voices, idiomatic expressions, technical terms, and taxonomical text as examples.
- What you can do after
- Apply semantic HTML or CSS according to whether italics convey meaning or serve a purely stylistic purpose.
Related concepts
- em elementcontrasts with · The em element is an HTML element that semantically marks text for emphasis or stress, conventionally rendered in italics by browsers.
- alt-textimplements · Alt text is a text alternative associated with non-text content that conveys its meaningful content or purpose to people who cannot perceive it visually or access it directly.
- italicsproduces · Italics are a typographic style with slanted letterforms used to emphasize or visually distinguish text.
- text-level elementkind of · A text-level element is an inline HTML element that marks semantics or presentation for a span of text.
- HTML tagequivalent to · An HTML tag is angle-bracket-delimited markup that identifies, structures, or marks the boundary of an element in an HTML document.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.

