如何正确选择HTML5中的结构化元素?

html5中新增的几个语意化元素,究竟该如何选择?

<nav></nav>
<article></article>
<section></section>
<aside></aside>

参考下图