コメント:HTML5は名前属性を削除しました。アンカーポイントを実装するときは、IDを使用してください。 Chrome、Firefox、IE8、その他のブラウザをサポートする良い例があります。初心者はそれを学ぶことができます。
HTML5は名前属性を削除しました。アンカーポイントを実装するときはIDを使用してください。例の効果は次のとおりです。Chrome、Firefox、IE8以上のブラウザをサポートします。
これが完全なコードです:
<!doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> html5アンカーポイント例-ke leyi < /title> <base target = "_ blank" />
<style>
ボディ{マージン:0px;}
</style>
</head>
<body>
<div> <a href = "http://keleyi.com"> keleyi </a> <a href = "http://keleyi.com/a/bjac/hwqa4oex.htm"> html5 anchor </a> keleyi.com
<script type = "text/javascript" src = "http://keleyi.com/kineryi/js/gggg728x90a.js"> </script> </div>
<div> <a href = "#keleyifot"ターゲット= "_ self">下に移動</a> </div>
<div>マウスをスクロールしてページを下にしてください</div>
<div> </div>
<div>ようこそ</div>
<div> hi </div>
<div>
<a href = "http://keleyi.com/dev/94fb5964c80ee829.htm"ターゲット= "_ blank">緑の矢印画像はトップエフェクトに戻ります</a>
<a href = "http://keleyi.com/a/bjac/7cc2358ac924ebc5.htm"ターゲット= "_ blank">青い正方形はトップに戻ります</a>
<a href = "http://keleyi.com/a/bjac/6f008786225269ac.htm"ターゲット= "_ blank">プレーンテキストはトップに戻ります</a>
<a href = "http://keleyi.com/a/bjac/8aa32432160f9aa4.htm"ターゲット= "_ blank">美しいリターントップ、ボトム、メッセージ</a> </div>
<div> keleyi.com </div>
<div> keleyi </div>
<div> keleyi.com </div>
<div> ke leyi </div>
<div> ke leyiは、スクロールピクセルを監視します</div>
<div> keleyi.com </div>
<div> jQuery </div>
<div> <a href = "http://keleyi.com/a/bjac/f4a6f78d74a251c5.htm"ターゲット= "_ blank">元のテキスト</a> </div>
<div> keleyi.com </div>
<div>フルコード</div>
<div> html5が名前属性を削除しました。アンカーポイントを実装するときはIDを使用してください</div>
<div> <a href = "#keleyihead"ターゲット= "_ self">トップに戻る</a> </div>
</body>
</html>
ページの下部に直接移動します。例:
#keleyifot