links to other areas within a webpage Options

[nishikigoi]

I am wondering what the exact codes are for making a link that leads to a particular area of the same webpage. For example, they're often seen on FAQ's or at the bottom of lengthy pages.

[none345678]

CODE

<a href="#TITLE">TITLE</a>

CODE

<a name="TITLE"></a>

The first code is the actual link, the second code gets placed in the area that you want to be linked too. Replace TITLE with whatever, but they have to be the same word except the one between the ><'s . I am horrible at explaining things, but hope this helped.

[newkidontheblock]

I think that the author above made a mistake you should replace name with id


You can link to any part of a web page that have an id="ID_NAME"

for example you can link to

CODE

<div id="id_name" >
  CONTENT HERE
</div>

By using this link

CODE

<a href="#id_name" > this is a link </a>

[heyo-captain-jac...]

First one is used more often.

[newkidontheblock]

Oo. My bad then.. I never seen it. sorry.

[nishikigoi]

Thankies. I had been wondering if I could use tag ID's to do that type of link; saves extra coding time and stuff.

[mipadi]

First one is used more often.

It is, however, falling into disuse; the "id" attribute is more common as it can be used with anchors, CSS, and JavaScript, and doesn't require the use of an <a> tag to be thrown into the markup. It's probably better to use the "id" method nowadays.

[Maccabee]

Also when linking on a site make sure to use http://www.website.com/ not website.com

also when you add the www's it makes the page load faster. I wont go into details on that, but it works.

[nishikigoi]

It is, however, falling into disuse; the "id" attribute is more common as it can be used with anchors, CSS, and JavaScript, and doesn't require the use of an <a> tag to be thrown into the markup. It's probably better to use the "id" method nowadays.

I tried to make a link using this format, but it doesn't seem to work. If it helps, I am using the code on a geocities domain. I tried having the link both as a href="#title" and a href="http://domain.com/index.html#title," but neither worked. Click here to see what I mean; click on "artwork" (which I used the first way listed) and then on the "home" link.

edit: The link worked when I added the tag as a < p > attribute instead of for the div. The only thing that I could think of is that it conflicted with either the overflow:hidden attribute or the 'class' tag.

[mipadi]

You can use "id" and "class" together. What you want to do is something like this:

CODE

<a href="#something">This links to something.</a>

<div id="something"><p>Links to here, in fact.</p></div>