Respuestas:
Si hay una <a name="foo">
etiqueta o cualquier etiqueta con un id
(por ejemplo, <div id="foo"
>), simplemente puede agregar #foo
a la URL. De lo contrario, no puede vincular arbitrariamente a partes de una página.
Aquí hay un ejemplo completo: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>
Vinculación de contenido en el mismo ejemplo de página: <a href="#foo">Jump to #foo on same page</a>
domain.com/#home?page=1
¿cómo usar una identificación en href?
domain.com/?page=1#home
example.com/#RouteName?page=1#ID
. uno para enrutamiento y otro para navegación dentro de la página actual. finalmente utilicé el modo html5 de URL para eliminar los hashtags de la ruta;) @tomsmeding
Usas un ancla y un hash. Por ejemplo:
Objetivo del enlace:
<a name="name_of_target">Content</a>
Enlace al objetivo:
<a href="#name_of_target">Link Text</a>
O, si se vincula desde una página diferente:
<a href="http://path/to/page/#name_of_target">Link Text</a>
name_of_target
. No necesita usar una <a>
etiqueta como objetivo. Entonces otro objetivo podría ser <h3 id='name_of_target'>Content</h3>
.
Simplemente agregue un hash con una ID de un elemento a la URL. P.ej
<div id="about"></div>
y
http://mysite.com/#about
Entonces el enlace se vería así:
<a href="http://mysite.com/#about">About</a>
o solo
<a href="#about">About</a>
Aquí es cómo:
<a href="#go_middle">Go Middle</a>
<div id="go_middle">Hello There</div>
</a>
después de una apertura <div ...>
, no estoy realmente seguro de lo que estás tratando de hacer aquí.
Tienes dos opciones:
Puede colocar un ancla en su documento de la siguiente manera:
<a name="ref"></a>
O bien, le da una identificación a cualquier elemento HTML:
<h1 id="ref">Heading</h1>
Luego simplemente agregue el hash #ref
a la URL de su enlace para saltar a la referencia deseada. Ejemplo:
<a href="document.html#ref">Jump to ref in document.html</a>
El 12 de marzo de 2020, WICG agregó un borrador para fragmentos de texto , y ahora puede vincular el texto en una página como si lo estuviera buscando agregando lo siguiente al hash
#:~:text=<Text To Link to>
Ejemplo de trabajo sobre Chrome Version 81.0.4044.138
:
Haga clic en este enlace. Debe volver a cargar la página y resaltar el texto del enlace.
name
atributo para<a>
-elementos: el atributo de nombre en un elemento está obsoleto. Considere colocar un atributo de identificación en el contenedor más cercano.