Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I want to link to some really cool PART of an article, like this blog post announcing the card ageing power-up in Trello, amongst other things.

What can I use, using Google Chrome, or in any browser in general, to produce a URL that when clicked, would link directly into that header? i.e. when a user follows the link, they should see the following:

  • blog page
share|improve this question

2 Answers 2

up vote 2 down vote accepted

In HTML, you can link to fragments by appending #FRAGMENT at the URL, where FRAGMENT is the value of an id attribute (on any element) or a name attribute (on an a or area element). The HTML author has to provide these attributes.

A manual way how to find these: Mark the whole content you want to link to, inspect the source code (usually rightclick and then something like "Show source"), and Ctrl+f for id= and name=.

XPointer is a specification that allows to link to any part of a XHTML document, even if the author didn’t provide any fragment identifiers. Currently you’d probably need a browser add-on (and so does the one you want to give the link to) to enable XPointer support.

For old versions of Firefox, there is FXPointer:

How many times have you told a friend or colleague "Go to http://example.com/some/doc and search for XXXX" ? I do it a lot actually. In fact, this becomes increasingly important as the mobile web accelerates and small screens with harder-to-use keyboards become more prevalent. I would like to start creating links in my documents and blog posts that point exactly to some paragraph on the page. I hope the FXPointer Firefox extension will help.

share|improve this answer

You can't (on this specific page). Linking to a particular subsection (such that a user's browser automatically scrolls to it) requires the use of HTML Anchors for each section, which that page does not have. More specifically, the heading would need to either contain or have nearby:

  • An A (anchor) tag
  • With an id or name property

If those criteria are met, then you can link to

http://example.com/webpage.html#anchorName

where anchorName is the value of the name or id property.

That Trello page just has a header though:

<h2>Card Aging</h2>

So it can't be linked to. If they had used instead:

<h2><a name="aging">Card Aging</a></h2>

then you could link to it like such:

http://blog.trello.com/introducing-power-ups-calendar-card-aging-and-more/#aging
share|improve this answer
    
As I suspected; I think a service that would address a particular smidgin of data on 'static' content with an XPath or something would actually be really useful. Seems like the best you can do is to highlight a section with the mouse and store that subtree in applications like Evernote; then you share it that way. I hope someone provides a fix for this situation...! –  fatuhoku Aug 22 '13 at 14:27
    
It's entirely up to the site developer. –  Darth Android Aug 22 '13 at 14:30
    
Note that the id attribute can be used on any element, not only a. –  unor Aug 23 '13 at 14:07

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.