HTML中引入Font Awesome样式链接出错，求排查修正方案

你要把指定的Font Awesome样式链接放到HTML的<head>区域，且放在index.css链接上方，但自行添加后无法生效，问题出在你把完整的link标签拆成了两个，还犯了语法错误：

• 第一个Font Awesome的link标签缺少rel="stylesheet"属性
• 第二个单独的<link rel="stylesheet/>标签未写闭合引号，属于无效语法

修正后的完整HTML代码 #

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <!-- Font Awesome样式链接，放在index.css上方 -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
    <link href="index.css" rel="stylesheet" type="text/css" />
  </head>
</html>

只需把完整的Font Awesome link标签直接放在index.css的link标签上方，保持标签完整、语法正确，样式即可正常生效。

内容的提问来源于stack exchange，提问作者Anna