{"id":252,"date":"2014-09-18T00:01:33","date_gmt":"2014-09-18T00:01:33","guid":{"rendered":"http:\/\/art556.com\/?page_id=252"},"modified":"2014-09-18T00:01:33","modified_gmt":"2014-09-18T00:01:33","slug":"html5-structure","status":"publish","type":"page","link":"http:\/\/m.pebblerd.com\/interactivemedia\/topics\/unit-2-multiple-page-sites\/html5-structure\/","title":{"rendered":"HTML5 Structure"},"content":{"rendered":"<p class=\"p1\"><b>Structural elements help organize and add meaning to our code.<br \/>\n<\/b><\/p>\n<p class=\"p2\" style=\"padding-left: 30px;\"><b>header:<\/b> found at the top of the page, it identifies what the site is about.<\/p>\n<p class=\"p2\" style=\"padding-left: 30px;\"><b>navigation:<\/b> frequently found within the header, but can be down the side, it supplies links to other pages.<\/p>\n<p class=\"p2\" style=\"padding-left: 30px;\"><b>article:<\/b> a self-contained composition; it could stand alone if distributed.<\/p>\n<p class=\"p2\" style=\"padding-left: 30px;\"><b>aside: <\/b>similar to a sidebar in print, it is related to nearby content.<\/p>\n<p class=\"p2\" style=\"padding-left: 30px;\"><b>footer:<\/b> found at the bottom of the page, contains contact information, copywrite, and legal information.<\/p>\n<p class=\"p2\" style=\"padding-left: 30px;\"><b>section:<\/b> a generic section; it can group bits of like information.<\/p>\n<p class=\"p3\"><b>An outline of your body might look like this:<\/b><\/p>\n<p class=\"p4\" style=\"padding-left: 30px;\">\u00a0&lt;body&gt;<br \/>\n&lt;header&gt;&lt;\/header&gt;<br \/>\n&lt;nav&gt;&lt;\/nav&gt;<br \/>\n&lt;section&gt;&lt;\/section&gt;<br \/>\n&lt;aside&gt;&lt;\/aside&gt;<br \/>\n&lt;footer&gt;&lt;\/footer&gt;<br \/>\n&lt;\/body&gt;<\/p>\n<p class=\"p3\"><b>Drop in your content and it may look like this:<\/b><\/p>\n<p class=\"p5\"><span class=\"s1\">\u00a0<\/span>&lt;body&gt;<br \/>\n<b>&lt;header&gt;<\/b>&lt;h1&gt;Consider the Kayak&lt;\/h1&gt;<b>&lt;\/header&gt;<br \/>\n<\/b><b>&lt;nav&gt;<\/b>&lt;p&gt;home | kayaks | compare&lt;\/p&gt;<b>&lt;\/nav&gt;<br \/>\n<\/b><b>&lt;section&gt;<\/b>&lt;p&gt;Recreational Kayaking is best inthe Santee 116. When it comes down to the essential reason why people kayak it all comes back to this one reason. more&#8230;.&lt;\/p&gt;<br \/>\n<b style=\"line-height: 1.714285714; font-size: 1rem;\">&lt;\/section&gt;<br \/>\n<\/b><b style=\"line-height: 1.714285714; font-size: 1rem;\">&lt;footer&gt;<\/b><span style=\"line-height: 1.714285714; font-size: 1rem;\"> &lt;p&gt;\u00ae2014 art556 at uw-madison&lt;\/p&gt;<\/span><b style=\"line-height: 1.714285714; font-size: 1rem;\"> &lt;\/footer&gt;<br \/>\n<\/b>&lt;\/body&gt;<\/p>\n<p><a href=\"http:\/\/art556.com\/unit2\/structure.html\"> sample of html structure<\/a><\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/html\/html5_semantic_elements.asp\">w3schools description of semantic elements<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Structural elements help organize and add meaning to our code. header: found at the top of the page, it identifies what the site is about. navigation: frequently found within the header, but can be down the side, it supplies links to other pages. article: a self-contained composition; it could stand alone if distributed. aside: similar [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":25,"menu_order":65,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-252","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages\/252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":0,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages\/252\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages\/25"}],"wp:attachment":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/media?parent=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}