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

html css url href src
OneChillDude picture OneChillDude · Aug 20, 2012 · Viewed 35.8k times · Source

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?

Answer

awiebe picture awiebe · Aug 20, 2012

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.

Related questions

CSS set background-image by data-image attr

I have sort of elements with this pattern: <div data-image="{imageurl}" ...></div> I want to set this elements background-image to data-image. I test this CSS code: div[data-image] { border: 2px solid black; background-image: attr(data-image url); } …

Read More
How to pass an URL in mailto's body

I need to send an URL of my site in the body so the mail recipient can click on that to join my site. However currently mail client renders the mail like this: Link goes here http://www.example.com/…

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More