Use heading elements to begin sections of new content. Do not use headings only for styling or presentation. The "h1" heading element is the most important heading and is usually rendered in the largest heading size, while the "h6" heading is the least important heading and is usually rendered in the smallest heading size.
Attributes for "h1"
- There are six levels of headings in HTML with H1 as the most important and H6 as the least. Visual browsers usually render more important headings in larger fonts than less important ones.
- CanIUse.com: Search "h1" (compatibility information)
- HTML 4.01: H1 element
- HTML5 (5.0): h1, h2, h3, h4, h5, and h6 elements
- HTML 5.1: h1, h2, h3, h4, h5, and h6 elements
- HTML 5.2: h1, h2, h3, h4, h5, and h6 elements
- HTML 5.3: h1, h2, h3, h4, h5, and h6 elements
- WHATWG: h1, h2, h3, h4, h5, and h6 elements
- MDN: <h1>
Accessibility Information & Tips
- Video about the importance of using headings for accessibility: https://www.youtube.com/watch?v=AmUPhEVWu_E
- Use the heading elements ("h1" to "h6") to begin each section of content. This assists user agents and assistive technology in letting users navigate based on headings. Avoid skipping heading levels. Use CSS to change heading appearance. Visit https://www.w3.org/TR/WCAG20-TECHS/H69 for more information.
- Use the heading elements ("h1" to "h6") to identify headings. Do not use headings to simply change the appearance of text. Proper use of heading elements allows assistive technology and user agents to properly recognize heading text. Visit https://www.w3.org/TR/WCAG20-TECHS/H42 for more information.
Search Engine Links (for more information)