2010年7月1日木曜日

HTML/JavaScriptガジェットで、手書きのリンクが上手く貼れない時の確認点 - Blogger

Bloggerブログのガジェットとサイドバー
HTML/JavaScriptガジェット内に貼ったリンクから、目的のページにアクセス出来ない時の確認点です。
リンクの指定を手書きや他からのコピーで行っている時は、次の条件に該当するかどうか確認すると、解決するかもしれません。

** 問題となる条件(= 2010年6月現在)
o href=の横に指定するアドレスを、「'」(= 一重の引用符)で括っている
   + 例。<a href='Sample.htm'>サンプル</a>
o かつ、指定するアドレスに、アルファベットの大文字が混じっている
o かつ、アルファベットの大文字にしないと、そのページにアクセス出来ない場合
   + 例。Bloggerでアルファベット半角大文字のラベルを付けた時、そのラベルへのリンク


**** 原因
編集後にガジェットを閉じる時、href=の横に指定するアドレスを「'」(= 一重の引用符)で括っていると、リンク内の大文字が小文字に自動変換されるみたいです。
殆どの場合はその方が都合が良いのですが、都合が悪い時もあります。


** 対策方法
o おすすめは、「"」(= 二重引用符)で書き直す方法です。
   + 変換された大文字部分を元に戻して、href=の横に指定するアドレスを、「"」(= 二重引用符)で括ります。

o どうしても「'」(= 一重の引用符)で括りたい方は、2通りの方法があります。
(1) 「HTMLの編集」機能を使って、テンプレートを直接編集する方法
(2) リンクのアドレス中に含まれているアルファベット大文字を、同じ意味の文字に置き換える方法
   + 「%に続けて、その文字のアスキーコードを入れる」方法です。
   + コード表はWeb検索。「アスキーコード 一覧」辺り。
   + 「B = 0x42」のような感じで書かれていますから、「0x」の部分を「%」に置き換えて使います。
   + 変換例「Blogger」=「%42logger」


**** メモ
o Bloggerに付いているリンクの入力機能を使う分には、この問題は起こりません。
o リンクのタグを全部手書きしたり、他で作ったHTMLをコピー&ペーストで貼り付ける時だけ、ご注意下さい。


==
関連ページ:
    ▼Bloggerブログのガジェットとサイドバー
    ▼Blogger
    ▼制作メモ
    > ▼ブログの本文を書く。ラベルと貼り付けとHTMLモード
    HTMLの編集やHTMLモードで入力する時に、変換が必要になる記号
    Bloggerのサイドバーに、ミク時計(Flashファイル)を置く
    ブログの本文にJavaScriptを書く