The past few weeks have been pretty awesome. Regular visitors to the site may have noticed a reduced rate of posting on the site, largely owing to summer holidays, the construction of a new anchor text tool, recruiting our first staff and a HTML5 project.
I’ve written about HTML5 and SEO before, but it’s nice to have your own examples, so I’m delighted to show off the first version of SEOgadget in HTML5 – take a look at the source code!
I think (as a learning / development piece) there’s still some way to go with this site, and there are a few remaining items left for us to resolve – but as a learning exercise it’s been extremely interesting to make this happen. Under the bonnet you might see some of the following tags:
<header>(Specifies a header for a section or page)
<article>(Specifies an article)
<aside>(Specifies content aside from the page content)
<footer>(Specifies a footer for a section or page)
I’d just like to thank ThinkDave who custom built the SEOgadget WordPress theme and is a smart, patient guy!
Some resources on the topic of HTML5
Building Web Pages With HTML 5 – Webmonkey
Coding a HTML5 Layout from Scratch – Smashing Magazine
HTML5 Examples – SEOgadget
HTML5 Specification – W3.org
5 Clever uses of the CANVAS tag – CSS Ninja
HTML5 Canvas Examples – PHPguru
HTML5 Boilerplates – HTML5 Doctor
GeoLocation API - Dive Into HTML5
HTML5 Video Examples – html5video.org
I’d be really delighted to hear your thoughts, feedback and ideas – give me a shout in the comments below!