Elements/h1, h2, h3, h4, h5, and h6

From HTML Wiki
Jump to: navigation, search

<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>

These elements represent headings for their sections.

Point

  • These elements have a rank given by the number in their name. The h1 element is said to have the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank. [Example A]


HTML Attributes

See global attributes.


Examples

Example A

[try it]

<body>
  <h1>Let's call it a draw(ing surface)</h1>
  <h2>Diving in</h2>
  <h2>Simple shapes</h2>
  <h2>Canvas coordinates</h2>
  <h3>Canvas coordinates diagram</h3>
  <h2>Paths</h2>
</body>

Example B

Here is that same means [try it]:

<body>
 <h1>Let's call it a draw(ing surface)</h1>
 <section>
  <h1>Diving in</h1>
 </section>
 <section>
  <h1>Simple shapes</h1>
 </section>
 <section>
  <h1>Canvas coordinates</h1>
  <section>
   <h1>Canvas coordinates diagram</h1>
  </section>
 </section>
 <section>
  <h1>Paths</h1>
 </section>
</body>


HTML Reference

The HTML5 specification defines the <h1>, <h2>,<h3>,<h4>,<h5>,<h6> elements in 4.4.6 The h1, h2, h3, h4, h5, and h6 elements.