The <span> Element:

The <span> element is the inline equivalent of the <div> element. It serves to identify or group content together that requires organization or extra styling.

One specific use for the <span> element is to identify text that needs to appear visually unique on the rendered HTML page.

As with the <div> element, the <span> element should include a class or ID attribute to provide;

  • a reference to styling code,
  • and/or information to developers about the inner content.

In the below example, the <span> element identifies specific parts of the paragraph statement, and then alter the appearance of those elements in the rendered page.

{ TODO: }

Read pages 187-188 of Chapter 08 in Duckett.


Previous section:
Next section: