#070：HTMLing 页脚

在我们准备好 Photoshop 中的页脚设计后，我们可以开始将其构建到我们的静态 HTML 和 CSS 模型中。第一步是为我们自己提供一些 HTML 代码来使用。我们已经有一个在所有页面上包含的“部分”，称为“footer.php”。目前，这是包含页脚标记的理想位置。

正如你可能预料的那样，页脚是一个 <footer> 标签。在其中，有一些链接列表。我们讨论了将链接列表放在实际的 <ul> 标签中可能并不理想。毕竟，它们并不是真正的列表，只是一些链接。在我阅读了这篇文章后，我就不再将导航放在列表中了。

我们使用 Zen Coding 功能在 CodePen 中快速获取一些链接来使用。要尝试它，在 CodePen 的 HTML 编辑器中键入 a*8，然后按 Tab 键。

最后，我们编写了底部页脚的标记。我们稍微犹豫了一下关于在那里使用最佳标记，但最终只是选择了一些并继续使用。无论如何，网络上的事物很容易更改。