¿Cómo enlace a parte de una página? (¿picadillo?)
¿Cómo se vincula (con <a>) para que el navegador vaya a cierto subtítulo en la página de destino en lugar de al superior?
Si hay alguna etiqueta con id(por ejemplo, <div id="foo">), simplemente puede agregarla #fooa la URL. De lo contrario, no podrá vincular arbitrariamente partes de una página.
Aquí tienes un ejemplo completo:<a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>
Ejemplo de vinculación de contenido en la misma página:<a href="#foo">Jump to #foo on same page</a>
Se llama fragmento de URI .
Usas un ancla y un hash. Por ejemplo:
Destino del enlace:
<a name="name_of_target">Content</a>
Enlace al objetivo:
<a href="#name_of_target">Link Text</a>
O, si enlaza desde una página diferente:
<a href="http://path/to/page/#name_of_target">Link Text</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 en Chrome Version 81.0.4044.138:
Haga clic en este enlace. Debe recargar la página y resaltar el texto del enlace.
Simplemente agregue un hash con una identificación de un elemento a la URL. P.ej
<div id="about"></div>
y
http://mysite.com/#about
Entonces el enlace quedarí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>
