时间戳

首页 > 解决方案 > 尽管在 html 文件中给出了绝对路径，但浏览器没有找到我的 css 文件

html - 尽管在 html 文件中给出了绝对路径，但浏览器没有找到我的 css 文件

问题描述

CSS 代码

.headi {
font-size: 4em;
}

HTML 代码

<!DOCTYPE html>
<html>
<head>
  <title>Organicking</title>
  <link href="‪‪C:\Users\01Var\Desktop\organicking\fanandcool.css" rel="stylesheet" type="text/css"  />
</head>
<body>
  <a href="C:\Users\01Var\Desktop\organicking\organicking.html">
    <img src="C:\Users\01Var\Downloads\realistic-tomato-isolated\6146.jpg" 
style="width:100px;height:100px;" border = "2" align = "left" />
</a>

<h1 class="headi">Organicking</h1>

</body>
</html>

错误信息

%E2%80%AA%E2%80%AAC:/Users/01Var/Desktop/organicking/fanandcool.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

在浏览器中打开文件“找不到您的文件”是我看到的，并且在浏览器 URL 字段中显示的文件的位置是

file:///C:/Users/01Var/Desktop/%E2%80%AA%E2%80%AAC:/Users/01Var/Desktop/organicking/fanandcool.css

标签： htmlcss

解决方案

如果您仔细查看错误消息，您可以%E2%80%AA%E2%80%AA在 URL 前面看到。

%E2%80%AA是 URL 编码的 Unicode U+202A，它代表Left-to-Right Embedding (LRE)并且是控制写入方向的不可见字符。

而那个不可见的字符会破坏 URL 解析。

根据编辑器，您可能能够显示那些不可见的字符。

"‪‪C如果没有，那么如果您选择输入href="‪‪C:\Users\01Var然后再次手动输入，您可能可以摆脱它"C。

除此之外： URL 使用/and 不\作为路径分隔符，并且本地 URL 必须以 开头file:///，所以你的绝对路径是file:///C:/Users/01Var/Desktop/organicking/fanandcool.css

推荐阅读