ＣｕｓbｌO

忍者ブログテンプレートカスタマイズ　ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書　忍者用ブログテンプレート作成中

HOME≫リンクカスタマイズの記事

[2024/11/21] [PR] (No.)
[2010/04/01] リンクタグをカスタマイズ (No.66)
[2010/04/01] リンクに説明文を表示させるカスタマイズ (No.65)
[2010/03/26] ファビコンアイコン (No.50)
[2010/03/26] リンククリック時に表示される枠削除 (No.48)
[2010/03/14] カーソル変化 (No.24)

[1][2]≫Ｎｅｘｔ

[PR]

11/21(Thu) YESR2024

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

記事編集

△ＵＰ

従来の？リンクタグは
<a href=""　target="_blank" ></A>

いまどきこれでＯＫ
<a target="_blank" href=""　title=""></A>

ターゲットはどの窓（ブラウザ）で表示させるかを命令指定
これらはStrict DTDでは使用できない
_blank　新窓　環境によってはポップアップブロックが機能してしまう場合がある
_self　現在のフレーム（窓
_top　フレーム分割を解除して窓全体に表示

記事編集

△ＵＰ

リンクに説明文を表示させるカスタマイズ

04/01(Thu) YESR2010

リンク文字ヤ画像にマウスが触れたときに説明文が表示することができる

　ＨＴＭＬのみカスタマイズ
＜ＢＯＤＹ＞内

文字リンクの場合：半角スペース１つ付けて
title＝”表示させたい文章を記入”
リンクタグ

<a href="サイトＵＲＬ" title="表示させたい文章を記入">リンクタイトル</a>

画像リンクの場合

alt="表示させたい文章を記入"
<a href="サイトＵＲＬ" alt="表示させたい文章を記入"><IMG SRC="画像ＵＲＬ"></a>

ＳＥＯを気にするなら特にこういったことが重要になってくる

これを各タイトルをカスタマイズして搭載するのがベスト

ＭＴなどではこういったことができるが
忍者などでは仕様にない
・
・
・
ので
せめて文字や画像に付けておきたい

画像はリンク用でなくても付けておくべき

リンクのない画像に説明文３種類

かものはしくんでーす

①<img src="aa.jpg" alt="代替文" title="説明文">
②<img src="aa.jpg" alt="代替文">
③<img src="aa.jpg" title="説明文">

①が好ましいが　しつこそうなら②か③

ＪＡＶＡ指定カスタマイズ

<head> から　</head>に

<!--

function setLinkMsg(msg) {

document.getElementById("linkmsg").innerHTML = msg

}

function resetLinkMsg() {

document.getElementById("linkmsg").innerHTML = ""

}

-->

</script>

<body>　から　</body>のリンクに

<a href="リンク先URL" onmouseover="setLinkMsg('説明文');" onmouseout="resetLinkMsg();">コンテンツ名または画像</a>

メッセージを出したい箇所に

記事編集

△ＵＰ

ファビコンアイコン

03/26(Fri) YESR2010

favicon.icoとは
ブラウザＵＲＬの先頭にサイトイメージのアイコンを表示する

また、
デスクトップお気に入り（ブックマーク）にも表示され
サイトがわかりやすくなる。

なお、
ブラウザにより表示が遅い場合がある

表示方法
表示されるまで時間がかかる場合がある。
ブラウザ設定一時ファイルヤ履歴削除をするとはわりと早く表示される場合がある。

ＨＴＭＬ<head>内に記入
<link rel="shortcut icon" href="ファビ画像ＵＲＬ" type="image/vnd.microsoft.icon">
<link rel="icon" href="ファビ画像ＵＲＬ" type="image/vnd.microsoft.icon">

記事編集

△ＵＰ