html 忽略文件路径

Question

我有一个 html 文件：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Online Shop</title>
    <link rel="stylesheet" type="style/css" href="./sass/style.css">
  </head>
  <body>
    <header>
      <img alt="shop logo" src="./img/header-logo.webp" width="50px" height="50px"/>
      <input type="text" class="header-search">
    </header>

    <script src="./script.js"></script>
  </body>
</html>

文件结构：

WebStorm 中的路径：

我不知道为什么 html 会自动将文件的每个路径剪切为仅文件名。在代码中：./img/header-search.webp。在开发者工具中：header-search.webp 如果我在 devtools 中更改路径，那么它就可以工作。任何文件类型都会出现此问题。我该如何解决？

Answer 1

对不起，我真的很笨 xD。在 link 标签中，我写了 type="style/css" 而不是 type="text/css" ，问题就在这里。细心的家伙，不要像我一样 xD

html 忽略文件路径

html ignores files paths

html

css

sass