54

現在、アンカーを使用してページの上部にいくつかのリンクがあるHTMLドキュメントがあります

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

ただし、役に立たないIDを作成する必要がなく、リンクをクリックした後にURLに「#topofpage」がどのように表示されるかは気になりません。Javascriptを使用せずにページの上部にリンクするために他にできることはありますか?でアンカーを完全に削除しようとしまし<a href="">たが、ページが更新されます。

4

5 に答える 5

91

HTML5仕様によると、空のフラグメント#と特別なフラグメント#topはページの上部にリンクします。

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

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

これらの特別なフラグメント名を使用する場合は、一致するアンカーを作成する必要はありません。

于 2012-08-01T02:22:40.030 に答える
12

javascriptを使ってみることができます

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

または、jQueryを使用できます

$("#Top").click(function(){
 scroll(0,0);
});
于 2012-08-01T00:23:27.200 に答える
7

JavaScriptを使用せずに言ったことは知っていますが、実際のアンカーの使用を回避する唯一の方法はそれだと思います。#top次のjQueryは、アンカーをhrefに置き換え、URLを変更せずに、アニメーションで上にスクロールします(詳細については、元の作成者のページを参照してください)。

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

完全性のためのjsfiddle

ただし、最大数のブラウザーで適切な意味を解釈できるように、セマンティックHTMLに固執し、その目的にアンカーを使用します。スクリーンリーダーやその他の特別なブラウザを必要とする障害者のことを忘れないでください。アンカーは動作することが保証されています。

これに加えて、Googleは2009年に、ページ内アンカーを直接利用してWeb検索者が探している可能性のある追加のコンテキストを提供するいくつかの新しいインデックス機能を発表しました。多くの場合、ユーザーが非常に興味を持っているページのセクションがあるかもしれません。グーグルは最適な関連性のためにページのそのアンカーへの直接リンクを提供することができます。

私の観点からの結論-アンカーを外さないでください。それらを使用してください。

于 2012-08-01T02:32:40.113 に答える
2

アンカータグを使用してページの上部を取得するもう1つの便利な方法は次のとおりです。

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

このように使用すると、ページが現在のページの一番上まで自動的にスクロールします。これが誰かに役立つことを願っています。

于 2017-06-22T02:41:14.000 に答える
-5

<a href="?">top</a>そこに着きます。

于 2012-08-01T15:22:41.710 に答える