著作権フリーの素材屋・ＨＰ素材のおすそわけ。BLOG

aタグで恋人等の人間関係を表現する。 - 鶴羽佳秀 - Tokyo Photo Life

aタグのオプション”rel”を使うことでリンク先とリンク元の人間関係を表現することができ、たとえば<a href=”XXX” rel=”sweetheart”>XXX</a>と書くことで、恋人関係と示すことができます。

私がよく使うのは rel=”me” という記述です。rel=”me”と書くと、”リンク先は私自身です”という意味となり、私はtwitterやmixi等のsns個人ページを、リンク先として使っています。

aタグで恋人等の人間関係を表現出来るんだそうです。コレ、私は知りませんでした。リンク先との関係性を、『rel=”"』で説明できるんですねぇ。

『<a href=”XXX” rel=”sweetheart”>恋人です。</a>』

何だかステキ。でも、そうじゃないのにリンクを貼られたら困りますよね…ううむ。

• aタグで恋人等の人間関係を表現する。 - 鶴羽佳秀 - Tokyo Photo Life

自分でもブログの記事を書いていて思う事なのですが、テキストだけを並べると途端に目が滑ります。コレってしかたのない事だと思うのですけど、読んでくれる人の目を疲れさせず興味を惹く方法は無いかな、と思いませんか？

で、手っ取り早く効果的だと思ったのが、記事の先頭に適度なサイズのキャプションを付ける事。私の場合は、自分の素材屋で配布している80px四方の写真プレート素材を挿入しています。この記事もそうです。

たった80px四方の写真があるだけなのに、それがアイキャッチになってページをテキストだけの圧迫感から解放してくれます。不思議ですよね。
後は、スタイルシート(CSS)で行間指定をする事も効果は絶大ですね。私は、160%の行間にしてます。ウェブサイトやブログのCSSファイルに

body{
line-height:160%;
}

と記載すれば、適度な行間が空いて窮屈感が無くなりますよ（＾▽＾*）。

ホントにちょっとした事ですが、サイトのデザインの見やすさや雰囲気も、リピーター獲得には重要な要素ですよね。

HP素材のおすそわけ。で配布しているテンプレート素材の編集について、HTMLの編集が出来るエディタの情報を少しまとめてみました。

尚、ジオシティーズの利用法については、ジオシティーズ内に解説ページを作ってみましたのでそちらもご覧下さいね。

関連リンク：HTML+テンプレートの編集方法

winIE６の機能に、イメージツールバーと言うのがあります。画像のようなツールチップ（？）を見たことがある方は多いと思います。このイメージツールバー、サイト作成者サイドで非表示に出来るみたいですね。知りませんでした。非表示の方法としては、二通りあるみたいです。

メタタグに直接以下のタグを書き込む
　　<meta http-equiv="Imagetoolbar" content="no">イメージごとに非表示の指定をする
　　<img src="" width="" height="" alt="" galleryimg="no">

ちなみに、IE7にはこのイメージツールバーは実装されていない様子。不評だったんですかね。まあ、覚えておくと便利なタグだと思うのでメモがてら覚え書きを書きました。