html - 制作导航栏的正确方法是什么？

Question

我最近刚开始学习 HTML 和 CSS，我想知道是否有一种非常可靠和流行的方法来制作导航栏。我一直在看很多教程，每个人的做法似乎都大不相同。谢谢！

标签： htmlcss

Answer 1

简短的回答是有很多方法可以做到这一点 - 最简单的方法是使用像Bootstrap这样的简单前端框架并从导航栏组件选项中进行选择。

导航栏可能看起来很简单，但要制作一个易于在 Web 和移动平台上导航且响应式的现代导航栏，需要大量的 CSS 样式。从“零开始”实现响应式设计（在我看来）的最简单方法是使用 Flexbox——最好的学习方法是使用Flexbox Froggy。

此外，对于菜单的下拉/扩展等内容，很可能需要 javascript，具体取决于您需要的功能。当然，最终归结为功能和设计偏好。了解此基本概念的一个简单起点是通过W3 Schools 的弹出菜单教程- 这不是学习的最佳来源，但可以快速而肮脏地了解可能需要的一些内容。