HTMLの基本
HTMLファイルの基本
文書情報
文字に関する設定
レイアウト
リンク
リストを作る
BACK→>>文書情報 6 自動的に他のページに移動させる。
NEXT→>>文字に関する設定 1 見出し。
<link rel="関係を表す値" href="URL">
<link rev="関係を表す値" href="URL">
要素名属性名説明非推奨必須属性
link関連ファイル
relこの文書から見た関係
rev関連文書から見た関係
href関連文書のURL
hreflang関連文書の言語コード
charset関連文書の文字コード
type関連文書のMIMEタイプ
media関連文書のメディアタイプ
target表示先のフレーム、ウィンドウ名
classクラス名
idID名
title補足情報
styleスタイルシート
lang言語コード
dir文字表記の方向

rel‥‥このページから見た、URLで示したページとの関係
rev‥‥URLで示したページから見た、このページとの関係

link要素は、リンクの関係を示すrel属性(あるいはrev属性)と、リンク先を指定するhref属性を組み合わせて、 その文書に関連する別の文書との関係を示します。
たとえば、前のページや次のページ、目次のページ、別バージョン、外部ファイルのスタイルシート等を示す場合に 使用します。
IE等では、ここで指定した情報を利用できませんが、Opera7以降やMozillaやテキストプラウザのLynxでは、ナビゲーション システムとして利用できます。
なお、この要素は<head>〜</head>の範囲内に配置する必要があります。

関係を表す値
説明
Altematehreflang属性などと合わせて、ドキュメントの別バージョンへのリンクを用意します。
Stylesheet別ファイルのスタイルシートを使う場合に記述します。
Start一連のページの中の最初のページへのリンクを示します。
Next次のページへのリンクを示します。
Prev前のページへのリンクを示します。
Contents目次を提供するページへのリンクを示します。
Index索引を提供するページへのリンクを示します。
Giossary用語集を提供するページへのリンクを示します。
Copyight著作権に関するするページへのリンクを示します。
Helpヘルプを提供するページへのリンクを示します。
Madeこれのみrev属性の値となります。ドキュメントの作者を示し、作者へのメールURLや、ホームページのURLが指定されます。


別言語のバージョンへのリンク(hreflang属性と組み合わせます。例えば、英語版へのリンクなら)
<link rel="alternate" hreflang="en" title="The English version" href="eng.html">

最初のページへのリンク(リンクタイプstartと組み合わせます。)
<link rel="start" href="start.html">

印刷用のバージョンへのリンク(media属性と組み合わせます。)
<link rel="alternate" media="print" title="print version" href="print.pdf">


Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>関連する他のページを示す。</title>
</head>
<body>
</body>
</html>
表を作る
簡単相互リンクツールtoo-search

相互リンク募集や、お友達のページ紹介、自分のお気に入りサイトを登録できる無料の検索エンジンツール。

登録を募集すれば色んなサイトとのつながりもでき、アクセスアップにも効果抜群。

今すぐ登録!