即使写过一次，HTML 图标也会重复答案

【问题标题】：HTML icon duplicated even though written once即使写过一次，HTML 图标也会重复
【发布时间】：2022-01-10 18:13:12
【问题描述】：

我试图将一个 URL 链接到一个图标，但它以某种方式制作了 4 个图标，尽管我只写了一次。这是导致问题的部分

<head>
  <link rel="stylesheet" href="style.css" />
  <title>Document</title>
  <script src="https://use.fontawesome.com/ca04587938.js"></script>
</head>
<body>
  <nav class="navBar">
    <div class="logoBox">
      <a href="https://www.youtube.com">
        <i class="fa fa-youtube-square" />
      </a>
      <span class="title">Youtube</span>
    </div>
    <div class="iconBox"></div>
  </nav>
</body>

而且，这就是结果

【问题讨论】：

为什么样式表link链接到一个javascript文件？
我自己尝试了一些东西。但是那条线不会影响问题

标签： html web icons font-awesome

【解决方案1】：

由于您忘记关闭<i> 标签，该图标出现多次。

所以而不是：

<i class="fa fa-youtube-square">

写：

<i class="fa fa-youtube-square"></i>

【讨论】：

我感到很惭愧和愚蠢，非常感谢
很高兴听到它对您有用！请点击复选标记考虑accepting it :)