ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLページではaタグのhref属性を省略できますか?

HTMLページではaタグのhref属性を省略できますか?

黄舟
黄舟オリジナル
2017-07-27 13:38:084186ブラウズ

タブ切り替えにaタグの集合を使用しているのですが、aタグにhref="#"を付けると、javascript:void(0)を付けると必ずaタグをクリックすると先頭に飛んでしまうことがあります。クリックの応答速度が遅くなることがありますが、href で a タグを追加しないとどのような影響がありますか? それとも最適化などに影響しますか?

実際、href="#" の場合、preventDefault() メソッドを使用してデフォルトのリンク ジャンプ動作を防ぐことができます
jQuery を使用する場合は、href または tabindex がない場合

$("#myLink").click(function () {    // Your event handlers here
    return false;
});

A は HTML 4 にタブ化されません。 href はありません (ただし名前はあります) は名前付きアンカーであると見なされます。HTML 5 では、href のないものはリンク プレースホルダーであると見なされます (ブラウザーでも動作は同じです

javascript:void(0) はスタックします)。 . それは本当にあなただけのような気がしますが、href にこだわるなら、なぜそれを追加する必要がありますか?ハイパーリンクの一部の固有のプロパティ (CSS スタイルなど) が失われます。 a タグの href は、実際に記述してもしなくても構いません。ジャンプしたくない場合は、次の方法を使用します。 1.href="javascript:viod(0)"; または href="javascript:;"

2.

a.onclick = function(){    return false;
}
などのクリック イベントを設定します。なぜなら、クリック後にジャンプするからです。これは、a タグのデフォルトの動作です。

a.onclick = function(e){
    e.preventDefault ? e.preventDefault() : e.returnValue = false;
}

a タグが href 属性を追加しない場合、多くの場合、Web サイトを設計する際にそれは不可能です。 a タグは、ボタンなど他のことを行うために使用されます

追加する必要はありませんが、一部のブラウザーのマウス スタイルにはジェスチャがありません。 IE6 では別の問題のようです。href="javascript:void(0);" を追加するのを忘れました。追加する必要はありませんが、href を追加しないと、ラベルを追加しない場合は、span と同様になり、ジャンプすることはできません。JavaScript イベント配信を使用できます。 2cb538bde94c20cc9d8e4a58e7ed4408 のようなクリックのイベントをスクリプトに記述します。先頭にジャンプしないように a タグを追加するか、 javascript:void(0) を追加して、行き詰まりを感じないようにすることができます。 href="###"

以上がHTMLページではaタグのhref属性を省略できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。