goo BLOG において、先日から追加された使用可能な要素、属性について、じぶん用の覚書、および実験/検証用として書いております。
今回は、アンカー要素 (リンクタグ) に追加された属性について。 ほんとうに機能するのか? ... と相変わらず失礼な疑念をもっております。
(プレビューではうまくいくのに、実際のページでは無効化される要素、属性が見受けられたことがあるので ... )
はてさて。
より詳細な仕様については、web ページ製作者のバイブル、『とほほのWWW入門』 の 「HTMLリファレンス - <a>」 をご参照ください。
* 追記・修正する可能性があります。
* 例中のリンク先はサンプルです。
* 「タグで遊ぼう」 シリーズが続くのかは未定です ... 。
今回は、アンカー要素 (リンクタグ) に追加された属性について。 ほんとうに機能するのか? ... と相変わらず失礼な疑念をもっております。
(プレビューではうまくいくのに、実際のページでは無効化される要素、属性が見受けられたことがあるので ... )
はてさて。
■ name 属性 | |
name 属性については、確認済みです。 昨日の記事で、特定のページの特定の位置にジャンプさせるように指定しているところがあるのですが、きちんと動作しました。 まず、参照先の位置を <a name="..."></a> で括り ... ♪ 音楽のお部屋 ♪ - ROCK 編 - ここでは、わたしの好きな ROCK について、語っちゃいます♪ ・・・
その位置へ直接ジャンプさせるには ... ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !
となります。 (参照先 URL のお尻に # をつけ、<a name="..."></a> で指定した名まえを) ところで、プレビューでは、<a name="rock"></a> で囲まれたテキストは通常のテキスト同様の表示でしたが、実際のページで見てみると、下線が引かれてしまいますね。 これは仕様なのでしょうか? また、同一ページ内の場合、ファイル名を省略して、 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !
というように指定できるはずなのですが、果たして機能するのでしょうか ... ? * たしか、以前は、http:// から始まる URL でないと、投稿時に href 属性の値が無効化されてしまった記憶が ... 。
|
■ target 属性 |
target 属性は、表示先を指定します。 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !
無指定の場合、デフォルト _self (同一ウィンドウ) となります。 別ウィンドウを開いて表示させたい場合、_brank などを指定。 別ウィンドウで表示するか、しないか、は、それぞれ好みによると思いますが。 私は基本的に無指定にしています。 リンクをクリックするたびに、ウィンドウがポンポンポンポン開くのを嫌う人もいるので ... 。 逆に別窓表示にしないと、いちいち元のページに戻るのがめんどう、という人もいるようで。 Internet Explorer の場合、[右クリック] - [新しいウィンドウで開く] でじぶんで任意に別窓表示できますが、ブラウザの種類によっては、その動作が非常にめんどうなものもあるかもしれません。 また、逆に、リンク先をすべて別窓表示できるようにカスタマイズできるブラウザもあったような気もします (DonutP がそうだったような ... )。 別窓指定有無の好みは、個人個人によって意見がわかれるところかもしれません (政治・宗教・プロ野球といっしょ ... ??)。 なので、じぶんの好みでいいのでは、という気がします。 |
■ title 属性 |
リンク上にマウスカーソルをもっていったときにポップアップされる文字列を指定。 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !
Windows 版 Internet Explorer 5.0 以上、Opera 6.0 では動作しました。 (Netscape Navigator 4.7 では機能せず) |
■ style 属性 2004.5.21 加筆 | |
style 属性では、各種スタイルが指定できます。 下記の例では、下線のないリンクを表示させていますが ... ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !
いちいち、リンクひとつずつにスタイルを指定するのはめんどうですね ... 。 どうしても目立たせたいリンクがある場合は、そこを強調するために利用するのも手ですね。 [追記]: (2004.5.21) せっかくなので、<a> に指定できるスタイルをもうひとつだけ ... 。 【マウスをのせたときのマウスカーソルの形状】 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !
auto (規定値:自動), crosshair (十字印), default (通常のもの), pointer (ポインタ), move (移動用), e-resize (右リサイズ), ne-resize (右上リサイズ), nw-resize (左上リサイズ), n-resize (上リサイズ), se-resize (右下リサイズ), sw-resize (左下リサイズ), s-resize (下リサイズ), w-resize (左リサイズ), text (テキスト選択), wait (待ち), help (ヘルプ), inherit (継承), または URL 指定 |
◇
より詳細な仕様については、web ページ製作者のバイブル、『とほほのWWW入門』 の 「HTMLリファレンス - <a>」 をご参照ください。
* 追記・修正する可能性があります。
* 例中のリンク先はサンプルです。
* 「タグで遊ぼう」 シリーズが続くのかは未定です ... 。