如何用HTML5实现页面布局?

Question

如何将一个页面用html5写出来？aside元素为什么不会在article的左右侧，而是上下排列？

nav导航也是如何横向排列的？