Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use an HTML # anchor in a dynamic URL

Tags:

html

I want to link to a section of a dynamic page using the # anchor. Something like this:

<a href=page.php?id=3#section-name>LINK</a>

It didn't work. What is the right way to do it?

I'm not using a direct link, but a redirect like header("Location:page.php?id=3#section-name") from another script.

I have a section named section-name in file page.php. I guess page.php has a problem figuring out the value of the id to process (3 or 3#section-name). I am redirected to page.php which has its content repeated vertically.

like image 860
bodesam Avatar asked Aug 23 '12 16:08

bodesam


3 Answers

You've only presented half of your code so I can only give a sample of the proper way to do it:

<body> 
    <a name="top"> </a>
    <a href="#top">
        Go To Top Of Page
    </a>     
</body>
like image 151
James Hill Avatar answered Oct 13 '22 22:10

James Hill


When using anchor tags, you can target an element by its ID. Browsers will look for the ID before it looks for the name attribute when the link refers to such.

<a href="#section-name>LINK</a> will go directly to <div id="section-name"> if it exists.

Here's an example

Read: HTML Anchors with 'name' or 'id'?

like image 25
Vin Burgh Avatar answered Oct 13 '22 23:10

Vin Burgh


A typical anchor tag works as follows:

A href link tag is written like so:

<a href="anchor_example2.html#a001">Jump to a001</a>

See the #a001 above? That is referencing an id in the HTML page, and it will jump to it if you click this link.

To provide an example of how this id that we would jump to might look on a page, look below.

<li id="a001">text here</li>

Reference

like image 21
jasonleonhard Avatar answered Oct 13 '22 22:10

jasonleonhard