ＨＴＭＬタグ講座

[Home] [-5] [<] [>] [+5]

通常のリンク

他のページへリンクします。

【リンクの基本】

リンクをするタグには、リンク先の指定が必要です。
もっともシンプルなリンクのタグを下に示します。

開始タグ	終了タグ	内容
<A>	</A>	リンク
属性	属性値	内容
HREF	="（リンク先）"	リンク先へリンクします

　※ 他の属性は次ページで紹介します。

リンク先を指定する方法は２種類あります。
いまＨＴＭＬタグを作成しているファイルの位置を出発点として（＝相対的に）ファイルの名前を示す場合と、一般的なＵＲＬで示す場合があります。
一般的なＵＲＬならば、「<A HREF="http://www.interq.or.jp/gold/katsu/Thai">お気楽バンコク旅行</A>」とすると、お気楽バンコク旅行とリンクになります。
相対的に示す場合は、自ファイルとの位置関係で表記の仕方が変わります。
(1) 自ファイルと同じフォルダにある場合（図の１→２）「<A HREF="link.html">」
(2) 自ファイルの下のフォルダにある場合（図の１→３）「<A HREF="hokkaido/index.html">」
(3) 自ファイルの２つ下のフォルダにある場合（図の１→６）「<A HREF="hokkaido/1008/mema.html">」
(4) 自ファイルの上のフォルダにある場合（図の３→２）「<A HREF="../link.html">」
(5) 自ファイルの２つ上のフォルダにある場合（図の７→２）「<A HREF="../../link.html">」
(6) 自ファイルから見て、いとこにあたるフォルダにある場合（図の３→４）「<A HREF="../pic/h11.jpg">」
リンクの混乱を防ぐため、あまりフォルダを多用しないようにしましょう。
フォルダの中にフォルダを入れるのは得策ではありません。
これらは以下のサンプルのように使用します。

<HTML><HEAD>
<TITLE>かつの北海道旅行記</TITLE>
</HEAD>
<BODY>
<P ALIGN="center"><BIG>かつの北海道旅行記へようこそ！</BIG><P>
99年10月に北海道に行って来ました。<BR>
女満別空港から知床、釧路湿原などを巡り、帯広～トマム～夕張を経て札幌まで行き、千歳空港までの４泊５日の旅行でした。
レンタカーを借りて、いろいろなところを巡ってきました。
<P>
○10月８日<BR>
　▽<A HREF="1008/mema.html">女満別空港</a><BR>
　▽<A HREF="1008/aba.html">網走で夕食</a><BR>
<DIV ALIGN="right"><I>最終更新：99/11/19</I></DIV><BR><BR>
<HR><BR>
・その他の旅行記<BR>
　「<A HREF="http://www.interq.or.jp/gold/katsu/Thai">お気楽バンコク旅行</A>」<BR>
</BODY>
</HTML>

↑このサンプルを表示（サンプルなのでリンク先はありません）

☆　他のページへのリンクについて　☆

これはリンクの際に注意すべき点を、高橋が個人的に１つの指針としてあげたものです。

他のページへリンクする場合は、配慮が必要です。
相手が個人管理のホームページの場合、ホームページへのリンクの許可を求めるのがマナーとなります。
公共のホームページや、会社・団体のホームページの場合、特に了解が必要との表示がなければ、リンクしても構わない場合がほとんどです。
基本的には、相手のホームページのトップにリンクします。どうしても細かい内容に直接リンクしたい場合は、トップページへも別にリンクしておきましょう。
リンクの許可を求める前に、リンクの許可についてどこかに書いてないか一通り目を通しましょう。
多くの人が見ているホームページの場合、リンクフリー（自由にリンクしてよい）と表明している場合がほとんどです。これは、リンク許可のメールで時間が奪われるのを嫌うためですので、この場合はリンクの許可を求めるメールを出す方が失礼になります。
相互リンク（こちらがリンクする代わりに、相手にもリンクをしてもらう）は親しい間柄でなければ求めるべきではありません。