2007年7月31日火曜日

 

アンカータグの『href="#" onclick="..."』の記述とその他『href』の値について

アンカータグの『href="#" onclick="..."』の記述

href="#" onclick の悪習

リンク先では、以下のようなスクリプトの記述を改めるように仰っている。

<a href="#" onclick="...">検索</a>

代わりに、次のようにCSSを使って記述する事を勧めている。

<span style="cursor: pointer" onclick="...">検索</span>

A href="#"の場合・・・?

YK 2000/09/22(金) 10:56:23
~(略)~<A>のタグにonMouse**を 記述しますよね。それでそのリンク先の指定を<A href="#">としていますが この場合NC4.6だとそのページのトップ(一番上)にスクロールしてしまいます。 IE4.0の場合はその位置を維持したままなのですがNC4.**でも同じように その位置を維持しようと思うと~(略)~どのような指定をすればいいのでしょうか?

リンク先での解答は次の2つの記述方法。

href="JavaScript:void(0);"
<A HREF="http//www.yahoo.co.jp/" onClick="alert('test')" ; return false">

その他のhrefの記述について

<a href="#top">はページ上端へのアンカーではありません

本来、この記述はページ上のID要素"top"へリンクするものなので、ページ内にid="top"という記述がなければ意味は有りません。

このサンプルによりページ上端へジャンプするのはIEOpera(6で確認、7以降はジャンプしない)、Netscape4.xでした。 MozillaでもQuirksモードでのみ、これらとの互換性のためにページ上端へとジャンプするように修正されましたが、 これは本来の仕様とは異なるため、MozillaStandardモードではサポートされていません。
参考先
某日記(後期)
http://diary.imou.to/
ZSPC
http://www.zspc.com/
Web標準普及プロジェクト
http://www.mozilla.gr.jp/standards/

コメント: コメントを投稿

登録 コメントの投稿 [Atom]



この投稿へのリンク:

リンクを作成



<< ホーム

This page is powered by Blogger. Isn't yours?

登録 投稿 [Atom]

Google