Path // www.yourhtmlsource.comReference → <big>

<big>


The <big> element was used to render text in a larger font size than the surrounding text. It was a purely presentational element with no semantic meaning, making text one size larger in the browser's font size scale.

Clock This page was last updated on 2025-11-17



Deprecation Warning

This element is obsolete and should not be used. The <big> element is not supported in HTML5. Unlike <small>, which was redefined with semantic meaning, <big> was completely removed from the specification.

The <big> element had no semantic value—it was purely presentational. Since text size is a presentational concern, it should be handled by CSS rather than HTML markup.

Syntax

<big>larger text</big>

The element could be nested to increase size further:

<big><big>even larger text</big></big>

Modern Alternatives

Use CSS properties instead of the <big> element:

Old HTML (Obsolete)

<p>This is <big>larger text</big> in a paragraph.</p>

Modern CSS Equivalent

<p>This is <span style="font-size: larger;">larger text</span> in a paragraph.</p>

Using Relative Units

<p>This is <span style="font-size: 1.2em;">larger text</span> in a paragraph.</p>

Better: CSS Classes

<!-- HTML -->
<p>This is <span class="larger">larger text</span> in a paragraph.</p>

<!-- CSS -->
.larger {
  font-size: 1.2em;
}

For Emphasis (Consider Semantics)

<!-- If the larger text conveys importance -->
<p>This is <strong class="emphasis">important text</strong> in a paragraph.</p>

<!-- CSS -->
.emphasis {
  font-size: 1.2em;
}

When to Avoid

Always avoid using <big>. There is no valid use case for this element:

  • It is obsolete in HTML5 and not supported
  • It has no semantic meaning
  • It fails validation for HTML5 documents
  • CSS provides precise control over font sizing
  • Consider whether larger text conveys meaning (use <strong> or <em>) or is purely decorative (use CSS)
  • <small> - Still valid in HTML5, now has semantic meaning for fine print
  • <strong> - For important text (browsers typically render bold)
  • <em> - For emphasized text (browsers typically render italic)
  • <span> - Generic inline container for CSS styling