小编典典

以html中的“ href”正斜杠开头

html

我最近开始学习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的工作原理如何?它只是在基本网址后面贴在路径名上吗?


阅读 518

收藏
2020-05-10

共1个答案

小编典典

一个是相对路径,一个是绝对路径吗?

是。

如果您的浏览器当前指向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元素,则相对路径将相对于base。

<!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>
2020-05-10