Run, BLOG, Run

http://d.hatena.ne.jp/bluescat/

タグで遊ぼう - リンク編

2004年05月20日 18時45分23秒 | 薀蓄(タグ)
 goo BLOG において、先日から追加された使用可能な要素、属性について、じぶん用の覚書、および実験/検証用として書いております。

 今回は、アンカー要素 (リンクタグ) に追加された属性について。 ほんとうに機能するのか? ... と相変わらず失礼な疑念をもっております。
 (プレビューではうまくいくのに、実際のページでは無効化される要素、属性が見受けられたことがあるので ... )

 はてさて。

■ name 属性

 name 属性については、確認済みです。 昨日の記事で、特定のページの特定の位置にジャンプさせるように指定しているところがあるのですが、きちんと動作しました。

 まず、参照先の位置を <a name="..."></a> で括り ...

 ♪ 音楽のお部屋 ♪ - ROCK 編 -

  ここでは、わたしの好きな ROCK について、語っちゃいます♪

  ・・・


 <a name="rock">♪ 音楽のお部屋 ♪ - ROCK 編 - </a>

  ここでは、わたしの好きな ROCK について、語っちゃいます♪

  ・・・



 その位置へ直接ジャンプさせるには ...


 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !


 <a href="http://01.members.goo.ne.jp/www/goo/b/r/byrdie/main.html#rock">♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう ! </a>



 となります。
 (参照先 URL のお尻に # をつけ、<a name="..."></a> で指定した名まえを)


 ところで、プレビューでは、<a name="rock"></a> で囲まれたテキストは通常のテキスト同様の表示でしたが、実際のページで見てみると、下線が引かれてしまいますね。 これは仕様なのでしょうか?

 また、同一ページ内の場合、ファイル名を省略して、


 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !


 <a href="#rock">♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう ! </a>



 というように指定できるはずなのですが、果たして機能するのでしょうか ... ?

 * たしか、以前は、http:// から始まる URL でないと、投稿時に href 属性の値が無効化されてしまった記憶が ... 。


 [追記]: (2004.5.21)
 投稿後、ソースを確認してみたところ、やはり、href 属性が無効化されていました。
 たとえば、自ブログ内の参照であれば、相対パスで書いて問題ないはずなのに ... 。
 "mailto:" も無効になるのでしょうか ... 。 (だとしたら、 <address> 要素が追加されてもあまり意味がない (?) ような ... )





■ target 属性

 target 属性は、表示先を指定します。


 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !


 <a href="http://01.members.goo.ne.jp/www/goo/b/r/byrdie/main.html#rock" target="_brank">♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう ! </a>



 無指定の場合、デフォルト _self (同一ウィンドウ) となります。

 別ウィンドウを開いて表示させたい場合、_brank などを指定。

 別ウィンドウで表示するか、しないか、は、それぞれ好みによると思いますが。 私は基本的に無指定にしています。

 リンクをクリックするたびに、ウィンドウがポンポンポンポン開くのを嫌う人もいるので ... 。 逆に別窓表示にしないと、いちいち元のページに戻るのがめんどう、という人もいるようで。

 Internet Explorer の場合、[右クリック] - [新しいウィンドウで開く] でじぶんで任意に別窓表示できますが、ブラウザの種類によっては、その動作が非常にめんどうなものもあるかもしれません。 また、逆に、リンク先をすべて別窓表示できるようにカスタマイズできるブラウザもあったような気もします (DonutP がそうだったような ... )。

 別窓指定有無の好みは、個人個人によって意見がわかれるところかもしれません (政治・宗教・プロ野球といっしょ ... ??)。 なので、じぶんの好みでいいのでは、という気がします。



■ title 属性

 リンク上にマウスカーソルをもっていったときにポップアップされる文字列を指定。


 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !


 <a href="http://01.members.goo.ne.jp/www/goo/b/r/byrdie/main.html#rock" title="お宝情報満載?!">♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう ! </a>



 Windows 版 Internet Explorer 5.0 以上、Opera 6.0 では動作しました。 (Netscape Navigator 4.7 では機能せず)



■ style 属性 2004.5.21 加筆

 style 属性では、各種スタイルが指定できます。

 下記の例では、下線のないリンクを表示させていますが ...


 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !


 <a href="http://01.members.goo.ne.jp/www/goo/b/r/byrdie/main.html#rock" style="text-decoration: none;">♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう ! </a>


 [追記]: (2004.5.21)
 text-decoration で設定できる値 ...

 none (なし), underline (下線), overline (上線), line-through (打ち消し線), blink (点滅), inherit (継承)



 いちいち、リンクひとつずつにスタイルを指定するのはめんどうですね ... 。

 どうしても目立たせたいリンクがある場合は、そこを強調するために利用するのも手ですね。


 [追記]: (2004.5.21)
 せっかくなので、<a> に指定できるスタイルをもうひとつだけ ... 。


 【マウスをのせたときのマウスカーソルの形状】

 ♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう !


 <a href="http://01.members.goo.ne.jp/www/goo/b/r/byrdie/main.html#rock" style="cursor: crosshair;">♪ 音楽のお部屋 ♪ - ROCK 編 - へ飛ぼう ! </a>


 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>」 をご参照ください。



  * 追記・修正する可能性があります。
  * 例中のリンク先はサンプルです。
  * 「タグで遊ぼう」 シリーズが続くのかは未定です ... 。
コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

タグで遊んでいるあいだに - 第2回 Blog に関する調査

2004年05月20日 12時56分11秒 | goo ブログ / blog
 goo BLOG で使用できる要素が大幅に増え、私的には小まつり状態であったが。

 そのあいだに。 japan.internet.com が goo リサーチと共同で行ったアンケート結果 「更新頻度は週1回以上――63.3%【第2回:Blog に関する調査(前編)】」 が発表されていた。


 「過去1か月以内に他人が作成した Blog を見たか」聞いたところ、「見たことがある」が前回より4.9ポイント増えて31.5%


 とのこと。 着実に blog の認知度があがっているということだろうか。

 また、


 Blog を見たことがある人に、「過去1か月以内に訪れた Blog サービスサイト」を質問すると、訪問したユーザーが最も多かったのは「はてなダイアリー」で35.9%。続いて「goo ブログ」が23.5%、「ココログ」と「エキサイトブログ」は同率で21.5%だった。


 とのことでもある。 goo BLOG,そんなに閲覧している人がいるとは ... ? うぬぬ。

 また、この記事の 「後編」 として、「Blog を作成する理由や、Blog 作成する際に重視するサービスなどをレポートする。」 とのことで、こちらも気になるところ。

 第一回のアンケート実施から、およそ一ヶ月強 ... 。 アンケート結果に揺れはあるのか。 そして、じぶん自身の意識は ... ? 変わっていない、のかなあ ... 。
コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

タグで遊ぼう - テーブル編 3 私的総まとめ

2004年05月20日 12時19分54秒 | 薀蓄(タグ)
 goo BLOG で使用できる要素 (以下、「タグ」 とする) が大幅に増えたのですが、実際、ほんとうに機能するのか? 思ったとおりの見映えになるのか? という大変失礼な疑念から、実験/検証するため、「タグで遊ぼう - テーブル編」 (2004.5.20 追記)、「タグで遊ぼう - テーブル編 2」 (2004.5.20 追記) を書きました。

 私的には最大の目玉であろうと思った 「テーブル」 について、もう少し実験を重ねてみようかな、と思いました。

 凝ろうとおもえば、時間がゆるすかぎり、いくらでも、凝れるのですが。

 いろいろ実験してみて思ったのは、テーブルを使用すると、データ量がその分増えるので、
  • 読み込みが遅くなる
  • いちいちの入力がめんどう

 ということでしょうか。
 (もともとデザインのセンスがないので、タグが必要以上に助長になり、効率よく書けません ... )

 らくに更新ができるから、という理由で blog をはじめたのですが。

 とりあえず。 ハイライト的効果を出したいとき、どうしてもレイアウトに凝りたいとき (私にはほぼありえないが、写真や絵をきれいに並べて見せたいとき) などにおいて、上手に使いこなせれば、と思いました。



 * 実際にじぶんでやってみての、個人的見解です。
コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする