Content Sectioning
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 <h3>
Type | Attribute List |
'Standard' Attributes | (none) |
New HTML5 Attributes | "writingsuggestions" |
Obsolete Attributes | "align" |
Notes
- There are six levels of headings in HTML with <h1> as the most important and <h6> as the least important. Visual browsers usually render more important headings in larger fonts than less important ones.
Recommended Links
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)