我最近开始学习html,有一件事让我很困惑,为什么一些链接在路径之前有一个前斜杠(“/”),一些链接不是?
即.
<link href="/favicon.png" rel="icon"> <link href="/stylesheets/screen.css" media="screen,projection" rel="stylesheet" type="text/css">
与
<dt><a href="reset/index.html">Reset CSS</a></dt>
是一个相对的路径和一个绝对的路径? href的工作如何呢?它只是坚持基地URL后的路径名称?
解决方法
Is one a relative path and one an absolute path?
是.
如果您的浏览器目前指向http://foo/bar/baz.html,那么:
>< a href =“reset / index.html”>将链接到http://foo/bar/reset/index.html.
>< a href =“/ reset / index.html”>将链接到http://foo/reset/index.html.
如果在你的HTML文档的头部有一个base element,则相对路径将是相对于基础.例如,下面的链接将带您无论在哪里页面位于http://example.com/foobar/reset/index.html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <TITLE>Base element example</TITLE> <BASE href="http://example.com/foobar/"> </HEAD> <BODY> <P><a href="reset/index.html">Reset CSS</a> </BODY> </HTML>