Header Navigation (for members and topics)
<header>
<nav class="sub">
<ul>
<li>
<a href="">
<span>Activity</span>
</a>
</li>
<li>
<a href="">
<span>Posts</span>
<strong>45</strong>
</a>
</li>
<li class="active">
<a href="">
<span>Followers</span>
<strong>622</strong>
</a>
</li>
<li>
<a href="">
<span>Following</span>
<strong>40</strong>
</a>
</li>
</ul>
</nav>
</header>
Sub Navigation
<nav class="sub">
<div class="container">
<ul>
<li>
<a href="">About</a>
</li>
<li class="active">
<a href="">Contact</a>
</li>
<li>
<a href="">Terms</a>
</li>
</ul>
</div>
</nav>
Meta Navigation (for posts)
<div class="meta">
<form action="…" method="post" class="vote">
<p>
<button type="submit" title="Promote this">
It’s GOOD
</button>
</p>
</form>
<p class="comments">
<a href="…#discuss">
<abbr title="Start a conversation">
Thoughts?
</abbr>
</a>
</p>
<p class="participants">
<a href="…" title="100 people are in on this">
100
</a>
</p>
<p class="stories">
<a href="…" title="27 stories added">
27
</a>
</p>
</div>
Editorial (for posts, comments, and members)
<footer class="options">
<p class="edit"><a href="">Edit</a></p>
<ul>
<li class="flag">
<form action="" method="post">
<button type="submit" title="Flag this as inappropriate">Flag</button>
</form>
</li>
<li class="spam">
<form action="" method="post">
<button type="submit" title="Mark this as spam">Mark As Spam</button>
</form>
</li>
<li class="delete">
<form action="" method="post">
<button type="submit" title="Delete this">Delete</button>
</form>
</li>
</ul>
</footer>