{"id":314,"date":"2025-05-20T20:55:05","date_gmt":"2025-05-20T20:55:05","guid":{"rendered":"https:\/\/www.mtsu.edu\/style-guide\/?p=314"},"modified":"2026-10-04T12:34:19","modified_gmt":"2026-10-04T12:34:19","slug":"heading-block","status":"publish","type":"post","link":"https:\/\/www.mtsu.edu\/web-training\/2025\/05\/20\/heading-block\/","title":{"rendered":"Heading Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Heading block helps organize your content by creating titles and section headers. It allows you to structure your page in a logical way, making it easier for visitors to scan and understand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can find demos and usage guidance for this block on the official <a href=\"https:\/\/wordpress.org\/support\/article\/heading-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-mtsublue-color has-alpha-channel-opacity has-mtsublue-background-color has-background is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility Best Practice<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There should be ONLY 1 H1 heading on a page &#8211; this will always be the page title.<\/li>\n\n\n\n<li>Headings should not be used purely for visual styling.<\/li>\n\n\n\n<li>Use headings in order\u2014like a page outline\u2014and don\u2019t skip levels.\n<ul class=\"wp-block-list is-style-compact-list\">\n<li>H1\n<ul class=\"wp-block-list\">\n<li>H2\n<ul class=\"wp-block-list\">\n<li>H3<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>H2\n<ul class=\"wp-block-list\">\n<li>H3\n<ul class=\"wp-block-list\">\n<li>H4\n<ul class=\"wp-block-list\">\n<li>H5\n<ul class=\"wp-block-list\">\n<li>H6<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>H3<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>H2<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-mtsublue-color has-alpha-channel-opacity has-mtsublue-background-color has-background is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Heading Examples<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There should be ONLY 1 H1 heading on a page \u2013 this will always be the page title.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-059547aa-ff2e-4551-96e8-179fa54f56c0\">Heading 2 (H2) | <a href=\"http:\/\/localhost:8888\/7b1ae8a7-f8d6-4c66-8b50-49698da4a093#\">Link<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-952a5224-63c4-4171-8afb-c1346687a44d\">Used for content titles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-340edcb3-afeb-4701-9587-7476e2a79ef2\">Heading 3 (H3) | <a href=\"http:\/\/localhost:8888\/7b1ae8a7-f8d6-4c66-8b50-49698da4a093#\">Link<\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-b58917f2-01f2-46a6-81a9-6222e1f32172\">Used in cases where an additional level of page hierarchy is needed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"block-ed4ddc4d-82cc-47b4-a032-154099393260\">Heading 4 (H4) | <a href=\"http:\/\/localhost:8888\/7b1ae8a7-f8d6-4c66-8b50-49698da4a093#\">Link<\/a><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-c3a47fa5-340d-4fc9-899b-4e27b8c9674b\">Used in cases where an additional level of page hierarchy is needed.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"block-ef4d7973-3dcb-4d4a-a019-56dc0e6d57bb\">Heading 5 (H5) | <a href=\"http:\/\/localhost:8888\/7b1ae8a7-f8d6-4c66-8b50-49698da4a093#\">Link<\/a><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-530042c5-86b8-451d-8e9b-b7e9cc394337\">Used in cases where an additional level of page hierarchy is needed.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"block-916fa6a0-2281-4c7f-ab29-21c9c34b9ee9\">Heading 6 (H6) | <a href=\"http:\/\/localhost:8888\/7b1ae8a7-f8d6-4c66-8b50-49698da4a093#\">Link<\/a><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-9b5e52fd-b600-4ddf-b197-5d46152ddd02\">Used in cases where an additional level of page hierarchy is needed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Heading block helps organize your content by creating titles and section headers. It allows you to structure your page in a logical way, making it easier for visitors to scan and understand.<\/p>\n","protected":false},"author":4,"featured_media":797,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[7,9,29,8],"class_list":["post-314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blocks","tag-accessibility","tag-heading","tag-text-block","tag-wordpress-blocks"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":1,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"predecessor-version":[{"id":2137,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/posts\/314\/revisions\/2137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media\/797"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}