Starting with a forward slash in html for "href"

Question

Welcome To Ask or Share your Answers For Others

Starting with a forward slash in html for "href"

posted Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

Starting with a forward slash in html for "href"

I started learning html recently, and one thing that really confused me is why do some links have a forward-slash("/") before the path and some links don't?

ie.

<link href="/favicon.png" rel="icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">

vs.

<dt><a href="reset/index.html">Reset CSS</a></dt>

Is one a relative path and one an absolute path? and how do href's work exactly? does it just stick on the path name after the base url?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-16T23:07:25+0000

Is one a relative path and one an absolute path?

Yes.

If your browser is currently pointing at http://foo/bar/baz.html then:

<a href="reset/index.html"> would link to http://foo/bar/reset/index.html.
<a href="/reset/index.html"> would link to http://foo/reset/index.html.

If there is a base element in the head of your HTML document then the relative path will be relative to the base. For example the link here will take you to http://example.com/foobar/reset/index.html regardless of where the page is located.

<!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>

Categories

Starting with a forward slash in html for "href"

Starting with a forward slash in html for "href"

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags