How do I link to part of a page hash

Question

How do you link  with  lt a gt   so that the browser goes to certain subheading on the target page as opposed to the top

User · Answer

Provided that any element has the id attribute on a webpage. One could simply link/jump to the element that is referenced by the tag.

Within the same page:

<div id="markOne"> ..... </div> 
   ......
<a href="#markOne">Jump to markOne</a>

Other page:

<div id="http://randomwebsite.com/mypage.html#markOne"> 
  Jumps to the markOne element in the mypage of the linked website
</div>

The targets don't necessarily have an anchor element.

You can go check this fiddle out.

User · Answer

You have two options   You can either put an anchor in your document as follows    lt a name  ref  gt  lt  a gt    Or else you give an id to a any HTML element    lt h1 id  ref  gt Heading lt  h1 gt    Then simply append the hash  ref to the URL of your link to jump to the desired reference  Example    lt a href  document html ref  gt Jump to ref in document html lt  a gt

User · Answer

Here is how    lt a href   go middle  gt Go Middle lt  a gt    lt div id  go middle  gt Hello There lt  div gt

User · Answer

You use an anchor and a hash  For example   Target of the Link     lt a name  name of target  gt Content lt  a gt    Link to the Target     lt a href   name of target  gt Link Text lt  a gt    Or  if linking from a different page     lt a href  http   path to page  name of target  gt Link Text lt  a gt

User · Answer

Just append a hash with an ID of an element to the URL  E g    lt div id  about  gt  lt  div gt    and  http   mysite com  about   So the link would look like    lt a href  http   mysite com  about  gt About lt  a gt    or just   lt a href   about  gt About lt  a gt

User · Answer

If there is any tag with an id  e g    lt div id  quot foo quot  gt    then you can simply append  foo to the URL   Otherwise  you can t arbitrarily link to portions of a page  Here s a complete example   lt a href  quot http   example com page html foo quot  gt Jump to  foo on page html lt  a gt  Linking content on the same page example   lt a href  quot  foo quot  gt Jump to  foo on same page lt  a gt  It is called a URI fragment

User · Answer

On 12 March 2020  a draft has been added by WICG for Text Fragments  and now you can link to text on a page as if you were searching for it by adding the following to the hash      text  lt Text To Link to gt   Working example on Chrome Version 81 0 4044 138   Click on this link Should reload the page and highlight the link s text

[html] How do I link to part of a page? (hash?)

Examples related to html

Examples related to xhtml

Examples related to anchor