Question

我为我的网页制作了一个社交媒体图标列表，但我不知道如何在其中插入一个链接，以便他们在点击时将您带到某个地方...我已经尝试过使用＆＃34;＆＃34;标签，但它不起作用：

<div class="leftside">
    <ul class="socialmediaicons">
      <li><a href="https://www.facebook.com/EnUnChasquido"></a><i class="fa 
fa-facebook"></i></li>
      <li><i class="fa fa-instagram"></i></li>
      <li><i class="fa fa-twitter"></i></li>
      <li><i class="fa fa-youtube"></i></li>
    </ul>
  </div>

我只试过facebook图标而且它不起作用，做错了什么？

Answer 1

现在正在工作

＆＃13;

<div class="leftside">
  <ul class="socialmediaicons">
    <li><a target="_blank" href="https://www.facebook.com/EnUnChasquido" rel="http://www.facebook.com/">Facebook<i class="fa 
fa-facebook"></i></a></li>
    <li><i class="fa fa-instagram"></i></li>
    <li><i class="fa fa-twitter"></i></li>
    <li><i class="fa fa-youtube"></i></li>
  </ul>
</div>

＆＃13;

Answer 2

像这样简单使用

<div class="leftside">
            <ul class="socialmediaicons">
              <a href="https://www.facebook.com/EnUnChasquido"><li><i class="fa 
        fa-facebook"></i></li></a>
              <li><i class="fa fa-instagram"></i></li>
              <li><i class="fa fa-twitter"></i></li>
              <li><i class="fa fa-youtube"></i></li>
            </ul>
       </div>

Answer 3

将整个i标签包裹在锚标签

中

Jsfiddle链接：https://jsfiddle.net/VrtuosArs/14x0rbtb/

希望以下代码段解决您的问题

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="leftside">
  <ul class="socialmediaicons">
    <li><a href="https://www.facebook.com/EnUnChasquido" target="_blank"><i class="fa 
fa-facebook"></i></a></li>
    <li><a href="https://www.instagram.com" target="_blank"><i class="fa fa-instagram"></i></a></li>
    <li><a href="https://www.twitter.com" target="_blank"><i class="fa fa-twitter"></i></a></li>
    <li><a href="https://www.youtube.com" target="_blank"><i class="fa fa-youtube"></i></li>
    </ul>
  </div>

Answer 4

锚元素标签是由尖括号包围的字母“a”，如下所示：。开始和结束属性都是必需的，标签之间的所有内容构成锚源。如果我们只想使用一个单词作为锚，我们只在锚标签中包含一个单词。我们可以使用文字，图片，图标作为内容

在社交媒体图标

4 个答案: