html文档中路径的写法

今天在写html代码时突然发现文档布局混乱,直觉告诉我CSS样式表文件的引用路径写错了。查看路径之后果真是这样。现把该错误记录于此,以待日后查看。

假设目录结构为:

-root

|_css

|_myCSS.css

|_js

|_myJS.js

|_pages

|_myPAGE.html

|_index.html

如果在index.html文档中引用css文件夹下的myCSS.css文件,需要使用

<link href="css/myCSS.css" rel="stylesheet">

如果在css前多加一个”/”,是无法正确引用myCSS.css文件的,即使用

<link href="/css/myCSS.css" rel="stylesheet">

是不正确的。

如果要在myPAGE.html文档中引用css文件夹下的myCSS.css文件,则需要使用

<link href="../css/myCSS.css" rel="stylesheet">

上面代码中的“../”是指上一级目录,如果使用上上级目录,则需使用“../../”,以此类推。

其实,导入文件代码是写HTML文档最简单的代码之一,但是因为细节的原因导致出错。

一定要记住,同级目录不需要加“/”!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

18 + 16 =

35 − 30 =