Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics Getting Started with CSS Layout CSS Reset with Normalize

Posted by Mohamed Abdelaal
Mohamed Abdelaal
2,229 Points

Difference between Href and Src

What's the difference between href="" and src =""

premsai kandagatla
premsai kandagatla
Courses Plus Student 5,142 Points

hi,

Href : specifies location of the resource available, so we can navigate to it.

Src : Embed the resource into our content so our content performs better.

1 Answer

Jonathan Stigsby
Jonathan Stigsby
8,271 Points
Jonathan Stigsby
Jonathan Stigsby
8,271 Points

Great writeup on it here:

https://stackoverflow.com/questions/3395359/difference-between-src-and-href

Essentially href fetches an external source, and often needs to be fetched before loading the site, such as the stylesteef, which is why: <link href="style.css" rel="stylesheet" />

Whereas the src= is loaded in the order it is placed in the HTML, which is why you want to load things like JS scripts at the bottom of your HTML, so the site loads before the scripts, to make the page as fast as possible :-)