totn HTML

HTML: <h3> tag

This HTML tutorial explains how to use the HTML element called the <h3> tag with syntax and examples.

Description

The HTML <h3> tag defines the third level heading in the HTML document. This tag is also commonly referred to as the <h3> element.

Syntax

In HTML, the syntax for the <h3> tag is:

<body>
<h1>Heading 1 goes here</h1>
<h2>Heading 2 goes here</h2>
<h3>Heading 3 goes here</h3>
</body>

Sample Output


Attributes

In addition to the Global Attributes, the following is a list of attributes that are specific to the <h3> tag:

Attribute Description HTML Compatibility
align Alignment of the text Deprecated in HTML 4.01, Obsolete in HTML5, use CSS

Note

  • The HTML <h3> element is found within the <body> tag.
  • Headings can range from <h1> to <h6>. The most important heading is <h1> and the least important heading is <h6>.
  • The <h3> heading is found after the <h1> and <h2> headings. Do not skip heading levels.
  • The <h3> heading will generally appear slightly smaller in font than the <h1> and <h2> headings.
  • Do not use a <h3> tag simply to apply different formatting. <h3> tags are used to define heading levels, like in a Table of Contents.

Browser Compatibility

The <h3> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <h3> tag below, exploring examples of how to use the <h3> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.