忍者ブログ

ホームページ作成ビギナーズガイド

HTML4.01とCSSによるWeb標準のホームページ作成入門。

[PR]

×

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

linkタグによるナビゲーション

ホームページの雛型のlinkタグの部分について。

外部CSS(スタイルシート)の指定

<link href="" type="text/css" rel="stylesheet">

この部分は外部CSSファイルを指定するものですが、こちらで説明しています。
CSS(スタイルシート)の外部化

ナビゲーション

<link rel="start" href="">
<link rel="prev" href="">
<link rel="next" href="">

これは関連するページとそのページとの関係を表すナビゲーションです。
href=""の部分に関連するページのURLを書きます。

<link rel="start" href="最初のページのURL" title="タイトル">
<link rel="prev" href="前のページのURL" title="タイトル">
<link rel="next" href="次のページのURL" title="タイトル">

このようにtitle属性をつけることもできます。

linkタグによるナビゲーションに対応したブラウザでの表示例

Internet Explorer6.0はlinkタグのナビゲーションに対応していませんが、Operaなどが対応しています。

Operaではナビゲーションバーが表示されます。

linkタグのナビゲーションは必須ではない

必須ではないですが、WCAG(Web Content Accessibility Guidelines)で薦められているので、個人的にはstart、prev、nextくらいを大体書くことにしています。書かないページもあります。

リンクタイプの種類

リンクタイプとはrel="○○○"やrev="○○○"の○○○部分です。

HTML4.01で定義されているリンクタイプ
alternate代替バージョンのページ。別言語バージョンのページなど。 stylesheet外部スタイルシート。
start最初のページ。検索エンジンに最初に読ませたいページ。 next一連の文書の中での次のページ。
prev一連の文書の中で一つ前のページ。 contents目次。
index索引。 glossary用語集。
copyright著作権についてのページ。 chapter章。
section節。 subsection小節、項。
appendix付録、付記。 helpヘルプ。
bookmark重要な部分へのリンク集。

ブラウザによってtop、home、begin、endなども解釈しますが、HTML4.01で定義されているリンクタイプは上記です。HTML4.01仕様書の原文→HTML 4.01 Specification 6.12 Link types

「link rev="made" href="mailto:"」について

<link rev="made" href="mailto:メールアドレス">

このようにしてホームページ作者の連絡先を示すことができます。
まだけっこう通用するようですが、リンクタイプmadeはHTML4.0で既に削除されています。
また、メールアドレス自動収集ソフトが解釈するようで、これをまともに書くと迷惑メールがたくさんきます。
書かない、または、エンティティコード(数値文字実体参照)に変換して書くのがよいと思います。
エンティティコード(数値文字実体参照)への変換はこちらが便利です→HTMLエンティティ化

linkタグ関連サイト

relとrevの違いなどはこちらが参考になります。

ホームページの雛型と解説

  1. ホームページの雛型
  2. DOCTYPE宣言について
  3. htmlタグにlang属性を入れる
  4. 文字コードを指定する
  5. titleタグについて
  6. metaタグdescriptionについて
  7. metaタグkeywordsについて
  8. 基準スタイルシート言語の指定
  9. 基準スクリプト言語の指定
  10. linkタグによるナビゲーション
PR
hタグ(見出し)HOME基準スクリプト言語の指定

コメント

お名前(N)
タイトル(T)
メールアドレス(M)
URL(U)
コメント(C)
パスワード(P)
送信(S)

トラックバック

hタグ(見出し)HOME基準スクリプト言語の指定

メニュー

カテゴリー

リンク

RSS

Appendix

リンクはご自由にどうぞ。

最終更新2008/07/09

Valid XHTML 1.0 Transitional
Valid CSS!
Copyright © ホームページ作成ビギナーズガイド All Rights Reserved.
忍者ブログ[PR]