Создание ссылки на верхнюю часть веб-страницы без использования анкеров

У меня есть документ HTML, который в настоящее время имеет некоторые ссылки на верхнюю часть страницы, используя привязку

<body id="topofpage">
   ...
   <a href="#topofpage">Go to top</a>

Однако мне не нравится создавать бесполезный идентификатор и как появляется "#topofpage" в URL после нажатия ссылки. Есть ли что-то еще, что я могу сделать, чтобы ссылаться на верх страницы без использования Javascript? Я попытался полностью удалить привязку с помощью <a href="">, но это заставляет страницу обновляться.

Ответы

Ответ 1

В соответствии с HTML5 укажите пустой фрагмент #, а специальный фрагмент #top будет ссылаться на верхнюю часть страницы.

<a href="#">Go to top</a>

<a href="#top">Go to top</a>

Нет необходимости создавать соответствующий якорь, если вы используете эти специальные имена фрагментов.

Ответ 2

Вы можете попробовать использовать javascript

<a onclick="scroll(0,0)">

Или вы можете использовать jQuery

$("#Top").click(function(){
 scroll(0,0);
});

Ответ 3

Я знаю, что вы сказали без использования JavaScript, но я думаю, что это действительно единственный способ избежать использования реального якоря. Следующий jQuery заменит якоря на #top href и выполнит приятный анимированный свиток вверху без изменения URL-адреса (см. оригинальный автор для получения дополнительной информации).

$(document).ready(function() {
    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
})

jsfiddle для полноты

Однако я бы придерживался семантического HTML и использовал якоря для своей цели, чтобы надлежащее значение могло быть истолковано максимальным количеством браузеров, Не забывайте о людях с ограниченными возможностями, которые требуют чтения с экрана или других специальных браузеров. Якоря гарантированно работают.

В дополнение к этому Google объявил в 2009 году некоторые новые функции индексирования, которые непосредственно используют привязки на странице, чтобы обеспечить дополнительный контекст, который Возможно, искатель веб-страниц может искать. Во многих случаях может быть раздел страницы, который очень интересует пользователь. Google может обеспечить прямую ссылку на этот якорь страницы для оптимальной релевантности.

Нижняя линия с моей точки зрения - не оставляйте якоря. Используйте их.

Ответ 4

Еще один полезный способ использования тега привязки для получения верхней части страницы -

<a href='#top'> Go back to the top of the page.</a>

используя его, как это делает вашу страницу автоматически прокручивается до верхней части текущей страницы. Надеюсь, это кому-то полезно.

Ответ 5

<a href="?">top</a> доставит вас туда.