In the following example there is a few weird combinations of html5 semantics, but is it wrong? Let’s hear your opinion if you have one:)
Please respond with any suggestions of improvements, I am not thinking about design here, just the actual semantics.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fantasy Footbal</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="mystyle.css">
<script src="myscript.js"></script>
</head>
<body>
<hgroup>
<h1>Fantasy Football</h1>
<h2>a Fantasy Football team in Fantasy Footbal Club</h2>
</hgroup>
<nav>
<a href="home.html">Home</a>
<a href="news.html">News</a>
<a href="rules.html">Rules</a>
<nav>
<article>
<hgroup>
<h1>New General Meeting 2012</h1>
<h2>Wednesday 30. mai 2012 location: club house</h2>
</hgroup>
<section>
There will be a new general meeting, everyone has to show at 30. mai 2012
</section>
<footer>
Made by Author
</footer>
</article>
<aside>
<hgroup>
<h1>Directors Board Fantasy Footbal</h1>
<h2>Name and phone numbers:</h2>
</hgroup>
<figure>
<img src="board.jpg" alt="board">
<figcaption>Picture of board directors</figcaption>
</figure>
</aside>
<footer>
Fantasy Football Club<br />
f@fantasyfootball.org
</footer>
</body>
</html>