<strong> versus <b> versus <em> versus <i>

Here we are, at the doors of the great war of semantic inline elements. So who's right between <strong> and <b>? Who wins between <em> and <i>?

Well, they all win.

Everyone is a winner excepts us the developers who have to implement this. Let's try to explain this strange situation.

Imagine a website for a touristic area with a cliff:

I hope it makes sense. The sad reality is that no one writes prose in HTML, so you'll probably be stuck with whatever the wysiwyg editor or markup language parser of your choice decided to use. For example this page is written using Kaku who compiles to <strong> and <em> by default.

Next: Other kinda useful semantic elements