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

HTML HTML Basics Going Further with HTML Linking to Sections of a Web Page

Posted by Travette Pettigrew
Travette Pettigrew
904 Points

I don't understand the point of #vr-article being added to the <a href="articles/2017/article.html> element was.

with or without the addition of "#vr-article" the path from index.html to article.html still worked.

3 Answers

Heidi Fryzell
seal-mask
MOD
.a{fill-rule:evenodd;}techdegree seal-36
Heidi Fryzell
Front End Web Development Treehouse Moderator 25,178 Points
Heidi Fryzell
.a{fill-rule:evenodd;}techdegree seal-36
Heidi Fryzell
Front End Web Development Treehouse Moderator 25,178 Points

Hi Travette,

You are right, without the #vr-article the path to article.html will work.

What the #vr-article is doing is it should jump the browser down to the html element that as an id="vr-article".

This is very hard to see in this example because the element with the "vr-article" id is very close to the top of the page and you can't see it jumping down.

For demonstration purposes you could take the id off the article element in article.html and put it on the aside element further down in the code. Save it and go back to index.html and follow the link. And now you should see the link take you farther down on the page to the aside element.

Like this:

<aside id="vr-article">

Hope this was helpful. Happy Coding!

Travette Pettigrew
Travette Pettigrew
904 Points

Very helpful. Thank you

David Mclean
David Mclean
3,646 Points
David Mclean
David Mclean
3,646 Points

Yup its especially not so obvious if the vr-article is at the top of the page. #vr-articlebold what it does is jump to whatever element you give the id.

Travette Pettigrew
Travette Pettigrew
904 Points

Thanks for your input.

Dave Huynh
Dave Huynh
4,047 Points
Dave Huynh
Dave Huynh
4,047 Points

It's impossible to see on a large monitor because the whole page fits on the screen at once. I inserted a the img and a <br> 5 times then reloaded