hyperlink - tag - Enlazando a una parte específica de una página web

tag a title

Question

¿Cómo creo un enlace a una parte de una página web larga en otro sitio web que no controlo?

Pensé que podrías usar una variante de #partofpage al final de mi enlace. ¿Alguna sugerencia?

Answer 1

Crea un "enlace de salto" usando el siguiente formato:

http://www.somesite.com/somepage#anchor

Donde ancla es la identificación del elemento al que desea vincularse en esa página. Use las herramientas de desarrollo del navegador / vea la fuente para encontrar la identificación del elemento al que desea vincular.

Si el elemento no tiene una identificación y usted no controla ese sitio, entonces no puede hacerlo.

Answer 2

En caso de que la página de destino esté en el mismo dominio (es decir, comparta el mismo origen con su página) y no le importe la creación de pestañas nuevas (1), puede (ab) utilizar algo de JavaScript :

<a href="javascript:void(window.open(''./target.html'').onload=function(){this.document.querySelector(''p:nth-child(10)'').scrollIntoView()})">see tenth paragraph on another page</a>

Trivialidades:

var w = window.open(''some URL of the same origin'');
w.onload = function(){
  // do whatever you want with `this.document`, like
  this.document.querySelecotor(''footer'').scrollIntoView()
}

El ejemplo de trabajo de tal ''exploit'' que puedes probar ahora mismo podría ser:

javascript:(function(url,sel,w,el){w=window.open(url);w.addEventListener(''load'',function(){w.setTimeout(function(){el=w.document.querySelector(sel);el.scrollIntoView();el.style.backgroundColor=''red''},1000)})})(''https://.com/questions/45014240/link-to-a-specific-spot-on-a-page-i-cant-edit'',''footer'')

Si ingresa esto en la barra de ubicación (tenga en cuenta que Chrome elimina javascript: prefijo cuando se pega desde el portapapeles) o lo convierte en un valor href de cualquier enlace en esta página (usando Herramientas de desarrollo) y hace clic en él, obtendrá otra pregunta (duplicada) la página se desplazó al pie de página y el pie de página pintados de rojo. (El retraso se agregó como una solución alternativa para el contenido cargado de jaja que empuja el pie de página hacia abajo después de la carga).

Notas

• Probado en Chrome actual y Firefox, generalmente debería funcionar ya que está basado en un comportamiento estándar definido.
• No se puede ilustrar en un fragmento interactivo aquí en SO, ya que están aislados de la página desde el punto de vista del origen.
• MDN: Window.open ()
• (1) window.open(url,''_self'') parece estar rompiendo el evento de load ; básicamente hace que el window.open comporte como a href="" normal, haga clic en navegación; no he investigado más aún.

Answer 3

En primer lugar, el objetivo se refiere al BlockID que se encuentra en el código HTML o en las herramientas de desarrollo de cromos con las que intentas enlazar. Cada código es diferente y deberá realizar una búsqueda para encontrar la identificación a la que intenta hacer referencia. Debería tener un aspecto similar a div class="page-container drawer-page-content" id"PageContainer" Tenga en cuenta que este es el formato para toda la sección referenciada, no un texto o imagen individual. Para hacer eso, necesitarías encontrar el mismo fragmento de código pero relacionado con tu bloque objetivo. Por ejemplo, dv id="your-block-id" De todos modos, estaba leyendo este hilo y se me ocurrió una idea, si eres un usuario de Shopify y quieres hacer esto, es prácticamente lo mismo que se dice. Pero en lugar de

> http://url.to.site/index.html#target

Usted pondría

> http://storedomain.com/target

Por ejemplo, estoy configurando una página de exención de responsabilidad con vínculos que conducen a un registro de newsletter y bloques de compras en mi página de inicio, así que inserto https://mystore-classifier.com/#shopify-section-1528945200235 para mi hipervínculo. Tenga en cuenta que el clasificador es para mi uso interno y no se aplica a usted. Esto es solo para poder seguir mis tiendas. Si desea vincular a algo que no sea su página de inicio, pondría

> http://mystore-classifier.com/pagename/#BlockID

Espero que alguien haya encontrado esto útil, si hay algún problema con mi explicación, por favor avíseme, ya que no soy programador de HTML, ¡mi idioma es C #!

Answer 4

Eso solo es posible si ese sitio ha declarado anclajes en la página. Se realiza dando a la etiqueta un nombre o atributo de identificación , así que busque cualquiera de los que estén cerca de donde desea establecer el vínculo.

Y entonces la sintaxis sería

<a href="page.html#anchor">text</a>

Answer 5

Simplemente agregue un # seguido de la ID de la etiqueta <a> (u otra etiqueta HTML, como una <section> ) a la que está tratando de acceder. Por ejemplo, si está intentando vincular al encabezado en este HTML:

<p>This is some content.</p>
<h2><a id="target">Some Header</a></h2>
<p>This is some more content.</p>

Puede usar el enlace <a href="http://url.to.site/index.html#target">Link</a> .