Sé que lo dijo sin usar JavaScript, pero creo que es la única forma de evitar el uso de un ancla real. El siguiente jQuery reemplazará los anclajes con el href #top
y realizará un bonito desplazamiento animado hacia la parte superior sin que cambie el URL (consulte la página original author para obtener más información).
$(document).ready(function() {
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
})
jsfiddle for completeness
Sin embargo, me gustaría seguir con semantic HTML y utilizar anclajes para su propósito para que el significado apropiado puede ser interpretado por el máximo número de navegadores. No se olvide de las personas con discapacidades que requieren lectores de pantalla u otros navegadores especiales. Los anclajes están garantizados para funcionar.
Además de eso, Google announced in 2009 algunas nuevas características de indexación que aprovechan directamente los anclajes in-page para proporcionar un contexto adicional que el buscador web 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.
En pocas palabras desde mi punto de vista - no desconecte los anclajes. Usalos, usalos a ellos.
La especificación HTML5 define un fragmento especial "#top" que se puede usar para vincular a la parte superior del documento. No es necesario definir explícitamente un elemento con una ID de "arriba". Ver la [nota href] de Mozilla (https: //developer.mozilla.org/en-US/docs/Web/HTML/Element/a # attr-href). –