{"id":600,"date":"2010-08-15T00:17:07","date_gmt":"2010-08-15T00:17:07","guid":{"rendered":"http:\/\/www.nostuff.org\/words\/?p=600"},"modified":"2010-08-15T00:17:07","modified_gmt":"2010-08-15T00:17:07","slug":"html5-and-nostuff","status":"publish","type":"post","link":"https:\/\/www.nostuff.org\/words\/2010\/html5-and-nostuff\/","title":{"rendered":"html5 and nostuff"},"content":{"rendered":"<p>It&#8217;s hard not to think of nostuff.org and not think of blazing web standards.<\/p>\n<p>So I had a go at updating the template for this here blog to make it all html5. Turns out this is quite simple.<\/p>\n<p>It seems you can probably just replace your doctype with<\/p>\n<pre id=\"line1\">&lt;!DOCTYPE html&gt;<\/pre>\n<p>and you&#8217;ve got yourself a html5 webpage.<\/p>\n<p>The <a href=\"http:\/\/validator.w3.org\/check?uri=http%3A%2F%2Fwww.nostuff.org%2Fwords%2F\">W3C validator proves it so<\/a>. From there I added some of the new section elements such as header, footer, nav, aside and article. It seems that these can apply to the page (i.e. the page&#8217;s footer) or a section (the footer of a blog post, where it shows tags and date published \u00a0etc). I used various sources on the web, via Google, including a few <a href=\"http:\/\/www.alistapart.com\/topics\/topic\/html5\/\">articles<\/a>, and <a href=\"http:\/\/html5gallery.com\/\">sample sites<\/a>.<\/p>\n<p>So nostuff mostly validates as html5 and makes use of some of the elements above, though this doesn&#8217;t affect anything visually at the moment (I think, I really don&#8217;t have much of a clue as to what I&#8217;m doing).<\/p>\n<p>I&#8217;ve created a <a href=\"http:\/\/words.nostuff.org\/wp-content\/2010\/08\/greening-nostuff.tar.gz\">gzip<\/a> file of the theme here. You&#8217;re welcome to download and use it, though it&#8217;s not really designed to be shared (includes my analytics\/adsense codes etc).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s hard not to think of nostuff.org and not think of blazing web standards. So I had a go at updating the template for this here blog to make it all html5. Turns out this is quite simple. It seems you can probably just replace your doctype with &lt;!DOCTYPE html&gt; and you&#8217;ve got yourself a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,13],"tags":[77,181,199],"class_list":["post-600","post","type-post","status-publish","format-standard","hentry","category-techy","category-web-and-blogs","tag-html5","tag-themes","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/posts\/600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/comments?post=600"}],"version-history":[{"count":0,"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/posts\/600\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/media?parent=600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/categories?post=600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nostuff.org\/words\/wp-json\/wp\/v2\/tags?post=600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}