html - 想要使 Font Awesome 图标可点击

Question

所以我是网络开发的新手，我正在尝试将很棒的字体图标链接到我的社交资料，但不确定如何操作。我尝试使用 href 标签，但它使所有图标都将我带到一个站点，而不是我想要的站点。这是代码:

 <i class="fa fa-dribbble fa-4x"></i>
 <i class="fa fa-behance-square fa-4x"></i>
 <i class="fa fa-linkedin-square fa-4x"></i>
 <i class="fa fa-twitter-square fa-4x"></i>
 <i class="fa fa-facebook-square fa-4x"></i>

我希望这些图标中的每一个都转到它们各自的配置文件。有什么建议吗？

Answer 1

您可以将这些元素包装在 anchor 标记中

像这样

<a href="your link here"> <i class="fa fa-dribbble fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-behance-square fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-linkedin-square fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-twitter-square fa-4x"></i></a>
<a href="your link here"> <i class="fa fa-facebook-square fa-4x"></i></a>

注意:将 href="your link here" 替换为您想要的链接，例如href="https://www.stackoverflow.com"。