{"id":167,"date":"2011-07-29T14:59:32","date_gmt":"2011-07-29T19:59:32","guid":{"rendered":"http:\/\/www.rymocs.com\/blog3\/?p=167"},"modified":"2011-07-29T14:59:32","modified_gmt":"2011-07-29T19:59:32","slug":"html5-using-sectional-elements","status":"publish","type":"post","link":"http:\/\/www.rymocs.com\/blog3\/2011\/07\/29\/html5-using-sectional-elements\/","title":{"rendered":"HTML5: Using sectional elements"},"content":{"rendered":"<p>Included within the new HTML5 <a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/html5-the-next-generation-of-web-design\/484?tag=content;blog-list-river\" target=\"_blank\">specifications<\/a> are a new <a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/html5-creating-a-base-template\/492?tag=nl.e101\" target=\"_blank\">base template<\/a>, several <a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/html5-attributes-semantic-markup-redefined-elements\/511\" target=\"_blank\">revised elements<\/a>, and in addition, the HTML5 specification provides new section and structural elements that you can start using today to streamline your markup coding practices.<\/p>\n<p>Several elements overlap into both sectional and structural descriptions, including the article &lt;article&gt;, aside &lt;aside&gt;, and section &lt;section&gt; tags, and descriptions for proper usage of the headings group &lt;hgroup&gt; and &lt;h1 &#8211; h6&gt; headings.<\/p>\n<p>Section elements have been added to the specification as a way of semantically representing content on the web. This is the specification\u2019s cure for the rampant div-itis and class-itis that has plagued markup coding practices in recent years. Web authors are strongly encouraged to view the &lt;div&gt; element as an element of last resort. When no other element is suitable and all section element options have been exhausted then the &lt;div&gt; can be utilized. Use of the &lt;div&gt; element instead of more appropriate sectional elements leads to accessibility issues for readers and becomes a maintenance headache for authors. Semantic meaning may require adding an ID and this is recommended: i.e., &lt;article id=\u201dblog\u201d&gt;. (<a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/html5-using-sectional-elements\/525\" target=\"_blank\">Read more&#8230;<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Included within the new HTML5 specifications are a new base template, several revised elements, and in addition, the HTML5 specification provides new section and structural elements that you can start&hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,5],"tags":[],"_links":{"self":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/167"}],"collection":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":1,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"predecessor-version":[{"id":168,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/167\/revisions\/168"}],"wp:attachment":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}