HTML 即使只写一次，图标也会重复

Question

我试图 link 一个 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>

然后，这是结果

Answer 1

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

所以代替：

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

写入：

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

HTML 即使只写一次，图标也会重复

HTML icon duplicated even though written once

html

icons

web

font-awesome