Wednesday, October 30, 2019

Linking to a Specific Part of a Webpage


It's useful to be able to link exactly where you want to go on a webpage, instead of only the top of the page - and it's pretty easy to do!

1. Open your desired webpage.  I'm going to use some Altium documentation pages.
2. In your browser of choice, open the menu and find "Developer Tools"

Brave:




















Chrome:


Firefox:













3. Click on the arrow with the tool tops "Select Element" and click on your desired area in the webpage.  (All three browsers use the same icon)











4. Add the "id" of that element (in the highlighted text) at the end of the original url, prefaced by " #! " so in this case:
Original URL:




Element-Linked URL:




5. Double check that it worked, and send that sucker out to impress your friends!







Cheers!




No comments:

Post a Comment