página - hipervinculo html
Cree un enlace a la parte superior de una página web sin usar anclas (5)
Tengo un documento HTML que actualmente tiene algunos enlaces a la parte superior de la página usando un ancla
<body id="topofpage">
...
<a href="#topofpage">Go to top</a>
Sin embargo, no me gusta tener que crear una identificación inútil y cómo aparece "#topofpage" en la URL después de hacer clic en el enlace. ¿Hay algo más que pueda hacer para enlazar a la parte superior de la página sin usar Javascript? Intenté quitar el ancla completamente con <a href=""> pero eso hace que la página se actualice.
Otra forma útil de usar la etiqueta de anclaje para obtener la parte superior de la página es
<a href=''#top''> Go back to the top of the page.</a>
usarlo de esta manera hace que su página se desplace automáticamente a la parte superior de la página actual. Espero que sea útil para alguien.
Puedes intentar usar javascript
<a onclick="scroll(0,0)">
O puedes usar jQuery
$("#Top").click(function(){
scroll(0,0);
});
Sé que dijiste sin usar JavaScript, pero creo que esa es realmente la única forma de evitar el uso de un ancla real. El siguiente jQuery reemplazará los anclajes con #top href y realizará un bonito desplazamiento animado hacia arriba sin cambiar la URL (consulte la página del autor original para obtener más información)
$(document).ready(function() {
$(''a[href=#top]'').click(function(){
$(''html, body'').animate({scrollTop:0}, ''slow'');
return false;
});
})
Sin embargo, me quedaría con el HTML semántico y usaría anclas para su propósito, de modo que el significado correcto pueda ser interpretado por el número máximo de navegadores. No se olvide de las personas con discapacidades que requieren lectores de pantalla u otros navegadores especiales. Las anclas están garantizadas para funcionar.
Además de eso, Google anunció en 2009 algunas características nuevas de indexación que aprovechan directamente los anclajes en la página para proporcionar un contexto adicional que el buscador de Internet podría estar buscando. En muchos casos, puede haber una sección de una página en la que un usuario esté muy interesado. Google puede proporcionar un enlace directo a ese ancla de la página para una relevancia óptima.
La línea de fondo desde mi punto de vista - no des los anclajes. Usalos, usalos a ellos.
De acuerdo con la especificación de HTML5, el fragmento vacío # y el fragmento especial #top se vincularán a la parte superior de la página.
<a href="#">Go to top</a>
<a href="#top">Go to top</a>
No es necesario crear un ancla coincidente si utiliza estos nombres de fragmentos especiales.
<a href="?">top</a> llevará allí.