{"action":"opened","issue":{"url":"https://api.github.com/repos/cakephp/cakephp/issues/8326","repository_url":"https://api.github.com/repos/cakephp/cakephp","labels_url":"https://api.github.com/repos/cakephp/cakephp/issues/8326/labels{/name}","comments_url":"https://api.github.com/repos/cakephp/cakephp/issues/8326/comments","events_url":"https://api.github.com/repos/cakephp/cakephp/issues/8326/events","html_url":"https://github.com/cakephp/cakephp/issues/8326","id":135835469,"number":8326,"title":"HTML: <section> used incorrectly in Template Layouts","user":{"login":"thisispaulcyr","id":17436941,"avatar_url":"https://avatars.githubusercontent.com/u/17436941?v=3","gravatar_id":"","url":"https://api.github.com/users/thisispaulcyr","html_url":"https://github.com/thisispaulcyr","followers_url":"https://api.github.com/users/thisispaulcyr/followers","following_url":"https://api.github.com/users/thisispaulcyr/following{/other_user}","gists_url":"https://api.github.com/users/thisispaulcyr/gists{/gist_id}","starred_url":"https://api.github.com/users/thisispaulcyr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thisispaulcyr/subscriptions","organizations_url":"https://api.github.com/users/thisispaulcyr/orgs","repos_url":"https://api.github.com/users/thisispaulcyr/repos","events_url":"https://api.github.com/users/thisispaulcyr/events{/privacy}","received_events_url":"https://api.github.com/users/thisispaulcyr/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-02-23T19:19:22Z","updated_at":"2016-02-23T19:19:22Z","closed_at":null,"body":"This is a (multiple allowed):\r\n* [x] bug\r\n* [ ] enhancement\r\n* [ ] feature-discussion (RFC)\r\n\r\n* CakePHP Version: 3.1.11\r\n* Platform and Target: Apache/2.4.6 (CentOS) PHP/5.4.16 PostgreSQL/9.4.5\r\n\r\n### Problem\r\nIn the default Template Layout files, an HTML element is incorrectly used.\r\n\r\nThe `section` element is repeatedly used to organize various parts of the webpage into sections, such as navigation areas and content areas. However, although this is a reasonable inference from the name of the element, it is an incorrect use of the `section` element. The `section` element is _not_ equivalent to `header` and `footer`.\r\n\r\n[As stated by the spec](https://www.w3.org/TR/html5/sections.html#the-section-element):\r\n\r\n> The section element represents a generic section of a document or application... Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis...\r\n\r\n> **Note:** The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline.\r\n\r\nThis is a common error, and even [HTML5 Doctor](http://html5doctor.com/the-section-element/) had to issue a correction for their explanation of the element:\r\n\r\n>What we’ve been doing wrong is using section to wrap content in order to style it, or to demarcate the main content area from the nav, header, footer etc. These are jobs for div, not section.\r\n\r\n\r\nI recommend that the offending `section` elements be changed to an appropriate element (likely `div` nine+ times out of ten)."}}