Table of Contents
What if you wanted to Share Link to a Specific Part Of A Webpage? When the person clicks on the link, they should go straight to that part of the webpage. Citebite and Awesome Highlighter are the two web apps that meet our needs for both ease of use and usefulness.
Yes, you could compare Citebite and Awesome Highlighter to some of the other bookmarking and annotating tools that are being added to the web every day. The most obvious thing to compare it to is the online bookmarking service Diigo. These two apps might not be “killer” yet, but they have some good points. It’s easy to link to a certain web page.
You just copy the URL and give it to other people. When someone clicks on the link you gave them, their browser takes them to the top of the new document. But it can be tricky to link to a specific part of a web page. We mentioned below are the ways to Share Link to a Specific Part Of A Webpage.
On Chrome Extension
In the latest Chrome update, the text you searched for is now highlighted on the page to make it easier for you to read. So, Google made the Link to Text Fragment Chrome extension to make it easier for web developers to link to a certain piece of text on a page.
- Once you have the extension installed, you can create links to a specific portion of the webpage.
- Select a portion of the text on the webpage, right-click and click on “Copy Link to Selected Text”. It will generate a link and automatically copy it on the clipboard.
- The extension is pretty new and has a couple of bugs. In case your selected portion of text contains a hyperlink or an image, basically non-text element, it generates an error saying – “Couldn’t create a unique link, please select a longer sequence of words”.
- The error message is totally wrong. The problem is the extension fails when you have a hyperlink or non-text elements within the selected text.
On Native Method
Say you are writing an article and you want to link to a specific StackOverflow answer. StackOverflow doesn’t have a permalink like Reddit does, so you’ll have to edit the HTML code by hand. Inspect Elements is a feature that most browsers have, which is good.
Just go to the answer you want to link to and right-click on the area near it. Choose “Inspect Element” from the menu that comes up when you right-click.
- It’ll show you HTML code, look for an ID tag or Value option. Once you find it, copy it on your clipboard.
- Next, take the URL of the web page and append the #ID at the end of it.
- For instance, if the URL of the page is —
http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror
- and its ID is “29279234“, then the jump URL will become –
http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234
On Facebook, Twitter & Social Media
Look for the time-stamps on popular sites like Facebook, Twitter, Stack Exchange, etc. to link to a specific post. Right-click it and copy its URL when you find it. Now, if you copy the URL and paste it into a new tab, you will only see that post. Most websites that use timestamps will work with this.
On Wikipedia
If you link to wiki pages often, Wikipedia has a built-in way to do it. If you go to the page’s “Contents” section, you’ll see that jumppoints have already been made. You can easily link the section by copying the links from the jump point in the content section.
FAQ
How do I link to a section on the same page?
In the following example, #top and #bottom are used in the tag and href attribute to link to that part of the page. This method is similar to using “id” but does not require you to pick a specific element. Click on “top” or “bottom” in the “Results” section to see what happens.
How do I link to a section of a page in Chrome?
- On your computer, open Chrome.
- Navigate to the page with the text you want to share.
- To highlight the text you want to share, click, hold, and drag your mouse.
- To open the context menu, right-click on the highlighted text.
- Select “Copy highlighted link”.