Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.
Heading 2 – all caps
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec cursus leo. Quisque scelerisque rutrum libero, a rhoncus ante scelerisque sit amet. Nam tempus orci id convallis faucibus.
Heading 3 – Initial caps
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec cursus leo. Quisque scelerisque rutrum libero, a rhoncus ante scelerisque sit amet. Nam tempus orci id convallis faucibus.
Heading 4 – lowercase
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec cursus leo. Quisque scelerisque rutrum libero, a rhoncus ante scelerisque sit amet. Nam tempus orci id convallis faucibus.
Heading 5
Heading 6
Code Structure
<h2 style="text-transform:uppercase">Example #1 – Heading 2</h2>
<h3>Heading 3</h3>
<h4 style="text-transform:lowercase">Heading 4</h4>
<h5></h5>
<h6></h6>
One response to “core/heading”
All uppercase can create pronunciation problems where screen readers interpret title text as abbreviations. In this demo, the all caps for h5 and h6 come from the theme; the h2 and h4 are set from block options.