ホームページ制作、千太の絵空事

Wiiki「リンクの文字に色をつける」の問題点

「リンクの文字に色をつける」の問題点

更新：2006-09-22

---

Level3に分類されるWiki表記の中で、
「リンクの文字に色をつける」の手法がある。

これは、もともと、バグを利用しての手法であるが、
入れている属性はスタイル(style)属性になる。

しかも「IEにだけしか機能しないfilter」※1を利用している。

このfilter使い方に配慮しないとおかしな事になってしまう。

例えば、透明度を変更できるfilterがある。
「グランデーションが付きます」とか紹介されていたりする記入例だ。

しかし、これをIE以外でのブラウザで見ていた場合、

「グランデーションになっているでしょう！」といってもそうなっていない。

「影付き文字」についても、
「ほら、影がついているでしょう！」といっても、
そうなっていないのです。

これは、「自分の環境だけしか見ていないで作成するWebページの典型」となります。

これだけなら、まだ、「グランデーションになっていない」、
「影がついていない」だけで、可読するには問題ないのですが、

実はこの「リンク文字に色をつける」手法は、
その記入例としている表記だと、

[標準的な仕様に対応しようとしているブラウザ]や、
IEの中でも古いバージョンやMac版のIEにおいても
この「filterの設定は無視」され
黒の背景(#000000)に、濃い灰色(#666666)のリンク文字で、
非常にコントラストがなく、「見えにくいリンク」となっています。

自分だけの環境で眺めて、「記入例」として配布する前に、

配布するなら、
「その記入例が実際に使えるのか？」

も良く検討して見るのが良いかもしれませんね。

素敵に楽しく記事を書こうという素晴らしいあなただから、
きっと，配慮もできるはず。
期待していますよ！。

---

【ヒント】

• ※1:
  IEといってもWinだけです。MacのIEや、他の最新ブラウザでも機能しません。
  
• [標準的な仕様に対応しようとしているブラウザ]
  firefoxなど
  
  

filterを無視するブラウザ

IE独自の機能で、IEでも対応できないブラウザもあります。
filterでもその使っている技術で違いがあります。

• ノーマルなfilter:WinIE4,5.5,6以外のブラウザ
  
  ・WinIE3,
  ・MacIE全て
  ・firefox全て
  ・NN全て
  ・opera全て
  など
  
• アクティブX使用 filter：WinIE5.5,6以外のブラウザ
  
  ・WinIE3,4,5
  ・MacIE全て
  ・firefox全て
  ・NN全て
  ・opera全て
  など
  
  
  

---

2006-09-22
校正、一部修正しました。

---

この記事は「「リンクの文字に色をつける」の問題点」
更新：2006-09-22
ホームページ制作、千太の絵空事

Wiki文胞、Wiki文芳、Wiki文満

Wiki文胞、Wiki文芳、Wiki文満

更新：2006-09-22

---

先日、「Yahoo!ブログの検索」※1を見ていたら、

「Wiki文胞」

ん？

ははーん。

新手のWiki文法の新語かー

「Wiki文芳」

ははは

「Wiki文満 」

なんじゃこりゃー

リンク先クリックしってみると、

Wiki文法となっている。

もしかしてこれ、

そう，文字化け

「Wiki文法・」→「Wiki文胞」

「Wiki文法：」→「Wiki文芳」

Wiki文法】→Wiki文奔

Wiki文法◇→Wiki文満

となる。

文字コードの「法」に続く文字をうまく解釈していないようなのです。

ははは、これYahooブログの検索のバグ？

---

• 「Yahoo!ブログの検索」※1:
  Yahoo!ブログのTopページに付随している Yahoo!ブログ内用の検索。
  <http://blogs.yahoo.co.jp/>
  （検索語句→「wiki」）
  
  

※「Yahoo!ブログ検索」のことではない

---

【訂正】2006-09-22

• 訂正前
  
  【 Wiki文法】→Wiki文満
  
• 訂正後
  
  Wiki文法】→Wiki文奔
  Wiki文法◇→Wiki文満
  

でした。（汗）

---

この記事は「Wiki文胞、Wiki文芳、Wiki文満」
更新：2006-09-22
ホームページ制作、千太の絵空事