Differences between 'url', 'src', and 'href'

Question

Possible Duplicate:
Difference between SRC and HREF

When writing html/css, it seems like these all do the exact same thing. Obviously this is not the case, and if you 'href' when your supposed to 'src' your gonna have a bad time. But my question is, is there an easy way to remember which ones do which, and when they are used?

http://stackoverflow.com/questions/3395359/difference-between-src-and-href — Umesh Awasthi, Aug 20 '12 at 04:40
IIRC, `` tag (for linking) and `` are `href`. Anything that looks like resource (video, image, script, except external CSS) are `src`. — nhahtdh, Aug 20 '12 at 04:42
Guys, this is *not an exact dup*, as the question and accepted answer of the other post do not mention CSS's `url` function. — behnam, Aug 20 '12 at 19:43

score 18 · Answer 1 · edited May 08 '14 at 13:03

18

src -- I want to load up this resource for myself.

href -- I want to refer to this resource for someone else.

url -- A script wants to use this url as a variable.

edited May 08 '14 at 13:03

Rick

3,830
1
18
16

answered Aug 20 '12 at 04:42

awiebe

3,758
4
22
33

1

Not necessarily a variable. A URL is just that: a URL. – BoltClock Aug 20 '12 at 04:47
1

url is value of src and href attribute – Premraj May 07 '16 at 00:50

score 15 · Accepted Answer · answered Aug 20 '12 at 04:44

15

In CSS, it's always url.
In HTML:
1. It's href (short for Hypertext REFerence) for all kinds of links, including tags a and link.
2. When it's not a link, you are setting the source, so it's src.

answered Aug 20 '12 at 04:44

behnam

1,959
14
21

2

more information in here: http://stackoverflow.com/questions/3395359/difference-between-src-and-href – John Yin Feb 04 '14 at 10:31

score 0 · Answer 3 · edited Jan 31 '18 at 17:36

0

it's very simple

you can use href for links as follows:
<a href="http://www.google.com/">Click here</a>
<link href="mystylesheet.css" type="text/css">

Now use to src put the links into html like this:
<img src="mypic.jpg">
<script src="script.js"></script>

edited Jan 31 '18 at 17:36

GottZ

4,824
1
36
46

answered Aug 20 '12 at 04:42

Rohit Azad Malik

31,410
17
69
97

Differences between 'url', 'src', and 'href'

3 Answers3

Linked