HTML 图标链接 - 带有 CSS 图标的按钮或 <a>答案

【问题标题】：HTML icon links - button or <a> with CSS iconHTML 图标链接 - 带有 CSS 图标的按钮或 <a>
【发布时间】：2020-06-30 18:48:46
【问题描述】：

恐怕这是一个新手问题，但是嘿，我们都必须从某个地方开始，我正在兜圈子试图用谷歌搜索这个问题。如何创建一个执行某些功能的图标栏，例如登录/注销、打印报告、转到主页等。非常类似于此页面右上角链接到收件箱、成就、帮助的图标中心等我是否在 html 中使用链接并使用 CSS 来设置图标的样式？还是我使用按钮？如果这有所作为，我正在使用 Symfony。提前感谢任何好心的帮助者。

【问题讨论】：

这样的链接会出现在导航栏中吗？例如，此堆栈溢出页面是否可能会将链接放入
按钮用于动作，链接用于移动到另一个位置...stackoverflow.com/questions/30936608/…

标签： html css symfony hyperlink icons

【解决方案1】：

工作方式相同，但链接尝试使用“a”，提交或弹出等操作尝试使用“按钮”。

【讨论】：

【解决方案2】：

只需为您想要的项目设置样式，如果您想让它们可点击（链接），只需在它们周围加上一个 a-Tag。

带有可点击的 Fontawesome 图标的示例：

<a href="your link here"> <i class="fa fa-dribbble"></i></a>

参考： Want to make Font Awesome icons clickable

【讨论】：