Uso correcto de las anclas

karma4561 · #1 (**permalink**) 19/12/2006, 11:13

Hola.
Tengo un problema con las anclas, ya que no me funcionan como yo esperaria.

Tengo el siguiente código en HTML en el index:

<a name="S">
<a href = "ancla.htm#S">Ancla
</a>

Se supone que esto deberia mandarme a algun lugar del archivo ancla.htm que tenga la letra "S", pero no me funciona asi. Tengo que poner algo en la "S" del archivo ancla.htm para que funcione??. O si no, que es lo que pasa?

Muchas gracias de antemano.

caricatos · #2 (**permalink**) 19/12/2006, 11:46

Hola:

No es exacto que debe tener ese valor, sino que esté el ancla definida:
<a name="S">... me parece que también vale cualquier elemento con id="S"

Saludos

karma4561 · #3 (**permalink**) 19/12/2006, 11:50

Hola!!
Si entiendo lo que me dices, pero el problema no es ese, si no que cuando cliqueo el link, este me manda a la página ancla.htm, pero no me manda hasta donde esta la "S" que yo puse. Si tengo claro que puede ser cualquier otra cosa en lugar de la "S", pero lo que pasa es que el link no me manda hasta la parte de la página en donde esta la "S".

Saludos!.

opeth · #4 (**permalink**) 19/12/2006, 13:06

simplemente colócalo así

Cita:

<a id="s">
<a href = "ancla.htm#s">Ancla
</a>

o asñi si es dentro de la misma página

Cita:

<a id="s">
<a href = "#s">Ancla
</a>

karma4561 · #5 (**permalink**) 19/12/2006, 13:32

Gracias por tu respuesta, pero no hizo lo que yo ando buscando. Me imagino entonces que el error debe estar en el archivo ancla.htm. Voy a poner el código de ancla a ver si pueden detectar alguna irregularidad:

Código HTML:

<html>
<head>
<title>Esto es una prueba de anclas</title>
</head>
<body>
<p>ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
</p>
<p>S</p>
</body>
</html>

Lo que yo quiero Hacer es que, en el index donde yo clikeo el link, me mande al archivo ancla.htm, pero en la parte de abajo, es decir, donde esta la "s"

Saludos y muchas gracias

JavierB · #6 (**permalink**) 19/12/2006, 13:33

Hola karma4561

Ponlo así:

<p id="S">S</p>

Saludos,

karma4561 · #7 (**permalink**) 20/12/2006, 07:08

Hola!!
No me funciono!!

Podria alguien por favor poner el HTML que haga esta funcion? Estoy sospechando que el archivo ancla le falta algo para poder realizar lo que busco.

Mil gracias.

kahlito · #8 (**permalink**) 20/12/2006, 18:36

Hola karma4561, creo que lo estas haciendo al revés, prueba así:

Código HTML:

<body>
<p><a href="#S">Bajar a S</a></p>
<p>Contenido...etc...etc...etc<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</p>
<p id="S">S abajo</p>
</body>

PatomaS · #9 (**permalink**) 20/12/2006, 19:07

Hola gente

Si estás haciendo las pruebas con explorer, aparte de seguir las indicaciones super claras que ya te han dado, recuerda que dependiendo de que navegador usas, a veces no entiende el uso de id como indicador de posición en una página y deberías usar name, es decir, que puedes usarlo así:

Código:

<p name="S">texto</p>

También puedes poner el id y el name en la misma etiqueta

Código:

<p name="S" id="S">texto</p>

La forma correcta actualmente (desde hace 6 años) es con id, pero la definición de html 4.01 permite usar ambos identificadores en la misma etiqueta mientras ambos tengan el mismo valor.

Felicidad

pablinff · #10 (**permalink**) 20/12/2006, 22:01

Yo lo he hecho siempre así y me ha funcionado correctamente:

Código:

<a href="#ancla">Click para ir a "ancla"</a>
...
...
...
<a id="ancla">Esta es ancla!!</a>

Espero que te sirva.
Saludos!