HTML 5 is the latest buzz around the internet.

Browser manufacturers are supporting more and more features (even Microsoft is pushing new versions of Internet Explorer more often than ever). Mobile devices are all about HTML 5. It is so fashionable that we even got a HTML5 Logo.

And just when it was supposed to take over the internet and kill all other rival technologies (such as Flash) it was murdered in cold blood!

The Web Hypertext Application Technology Working Group (WHATWG) announced that they are moving html to a new development model. From now on HTML is to be look upon as a constantly evolving technology, one that is covering all the needs of the internet users and is constantly supported by all major players. Thus we drop the “Five” and never speak of it again.

Personally I think that this is a good idea. Behaviours in the net are constantly changing. User experiences are getting more and more complex and we can not wait for 8 years to have a new version of a browser to reflect that. We have to evolve with our clients needs.

But … As we all know this change will take a long time, and hopefully some big corporation won’t kill it in the cradle.

Until that day comes I’ll still refer to the new frontiers in web development as “HTML 5″ so I can somehow explain to my clients why “that new stuff” is not working well with their HTML 4.01 site viewed on an eleven years old browser.

So from now on I’ll go deeper in this and try to explain at least to myself why and how html(5) is so perfect and complete, and how it is going to make our lives easier.

So … First thing’s first …

I should get some code colouring if this thing is to be usefull.
For now SyntaxHighlighter is my best choise but … well it’s not working quite as I expected it to …

OK. It works!

It has some issues that I think I managed to get around.

I’ll poke it just a little bit more and then I’ll try to put together a post with all known issues and work arounds.

#######YOUR CODE############

<p>

  <span>Lorem ipsum?</span>
  <br />
  <strong>qwerty</strong>

</p>

<div>

  <strong>Some bold text ...</strong>
  <br />
  <em>italic</em>

</div>

.syntaxhighlighter .toolbar a:hover
{
	color: #9CCFF4 !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{
	color: #D3D3D3 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{
	color: #FF7D27 !important;
}