27-翻页-上下篇

用简单的标记和样式，就能做个上一页和下一页的简单翻页。用在像博客和杂志这样的简单站点上棒极了。

<nav aria-label="...">
  <ul class="pager">
	<li><a href="#">上一篇</a></li>
	<li><a href="#">下一篇</a></li>
  </ul>
</nav>Code language: HTML, XML (xml)

如果需要左右对齐，则给li增加下面的样式：class="previous" 或 class="next"：

<nav aria-label="...">
  <ul class="pager">
	<li class="previous"><a href="#">上一篇</a></li>
	<li class="next"><a href="#">下一篇</a></li>
  </ul>
</nav>Code language: HTML, XML (xml)

还可以禁用：

<li class="previous disabled"><a href="#">上一篇</a></li>Code language: HTML, XML (xml)