HTML の rel 属性の分析

クラスメートがWeiboにこの記事を再投稿して収集していることに気づいたので、この何気なく翻訳された記事をもう一度見直しました。その後、w3cschools.com.cnにすでに対応する中国語翻訳があることがわかったので、ここでこの記事を改善し続け、より価値のあるものにしたいと思います。この文書を翻訳するアイデアは、最初に記事 http://vanessa.b3log.org/research-a-rel-value から生まれました。rel 属性には珍しい意味値がたくさんあることがわかりました。元の記事では、これらの属性値の使用シナリオをリストすることに重点を置いていました。rel 属性をこのように理解することは非常に必要だと感じました。

例

rel 属性を持つリンク:

<a rel="external" href="http://www.xxoo.com/">ooxx</a>

ブラウザのサポート

rel 属性はすべての主要なブラウザでサポートされています。

注:瀏覽器渲染時會忽略此屬性,然而搜索引擎可以從它獲得更多的信息(a標簽僅在href屬性存在時有效)。

定義と使用

rel 属性は、現在のドキュメントとリンクされたドキュメント間の関係を指定します。

文法

<a rel="value">

HTML 4.01 と HTML 5 の違い

削除された値: 付録、章、目次、著作権、用語集、索引、セクション、開始、サブセクション。

新しい値: archives、author、bookmark、external、first、索引、最後、ライセンス、nofollow、noreferrer、検索、サイドバー、タグ、上。

プロパティ値

価値	説明する	シナリオ \| 例
付録	文書の付録ページへのリンク
代替	代替ソースへのリンク（例：印刷ページ、翻訳、ミラー）	ウェブサイトのAtomとフィードをheadタグで設定する
ショートカットアイコン	ショートカットアイコン	タイトルバー、アドレスバー、お気に入りバーに小さいアイコンを指定します
アーカイブ	ドキュメントセットまたは履歴データへのリンク	`<link rel='archives' href='http://www.ooxx.com/2012/07' />`
著者	文書の著者へのリンク	ヘッドタグで文書の著者を宣言する
正統な	権威、モデル	現在のウェブサイト上の重複または類似のウェブページのうち、どのページがウェブマスターがクロールして含めたいページであるかを検索エンジンに知らせます。 `<link rel="canonical" href="http://xxoo.com/" />` canonical 属性値は通常、 rel 属性に表示されます。参考URL: http://www.xxoo.com/xhtml/rel_canonical/ 機能的な観点から見ると、canonical は 301 永続リダイレクトの補助機能として理解できます。 Canonical は相対リンクでも絶対リンクでも使用できますが、絶対リンクが推奨されます。 Google は正規ページを次のように定義しています: 正規ページとは、非常に類似したコンテンツを持つ一連のページの中で優先されるバージョンです。標準: 「モデル」の中国語の意味
スタイルシート	文書の外部スタイルシート	`<link rel="stylesheet" href="base.css">`
家	サイトのホームページへのリンク	`<link href="http://www.ooxx.com" rel="home" />`
初め	コレクションの最初のドキュメントへのリンク	`<link rel="first" href="index.html">`
始める	現在のドキュメントの最初のページへのリンク	`<link rel="start" href="about:blank">`
次	コレクション内の次のドキュメントへのリンク	`<link rel="next" href="about:blank">`
前へ	コレクション内の前の文書へのリンク	`<link rel="chapter" href="about:blank">`
最後	コレクション内の最後のドキュメントへのリンク	`<link rel="last" href="index.html">`
上	ドキュメントへのリンクを提供します。このドキュメントは、現在のドキュメントのコンテキストを提供します。
検索	ドキュメント検索ツールへのリンク
サイドバー	ブラウザのサイドバーに表示されるドキュメントへのリンク
コンテンツ	現在のドキュメントの目次へのリンク	通常、メインドキュメントコンテンツのサイドバーに配置され、現在のページのトピック間を移動するのに便利です。
索引	現在のドキュメントのインデックスへのリンク
用語集	現在のドキュメント用語集へのリンク
著作権	現在のドキュメントの著作権またはプライバシーページへのリンク	ウェブサイトの下部にある著作権
章	現在のドキュメントのセクションへのリンク
セクション	ドキュメントリストのセクションへのリンク
サブセクション	現在のドキュメントリストのサブセクションへのリンク。 (セクションには複数のサブセクションを含めることができます。)
頭	コレクション内の最上位ドキュメントへのリンク
目次	コレクションのディレクトリへのリンク
親	上記のソース文書へのリンク
子供	ソース文書へのリンクは下記
ヘルプ	ヘルプドキュメントへのリンク	`<link rel="help" href="http://www.xxoo.net/help.html" />`
ブックマーク	ブックマーク用の永続的なURL	リストタイトル
外部の	外部文書へのリンク	記事内で引用されている外部リンク
ノーフォロー	有料リンクなど、許可されていない文書へのリンク Googleは「nofollow」を使用して、検索スパイダーがリンクをたどらないように指定します。	サイト上の関連記事、サイト上のランダム記事、コメント返信、コメント、リストと記事ページの参照および著者リンク、サイドバーのコメントアドレス、ホームページナビゲーションの「ホーム」リンク、最もコメントされた記事、最もアクセスされた記事
参照なし	ユーザーがこのハイパーリンクをたどったときに、ブラウザがHTTPリファラーヘッダーを送信しないように指定します。
ライセンス	文書の著作権情報へのリンク
タグ	現在のドキュメントタグ（キーワード）	サイドバーのタグクラウド、記事のタグ、リストのタグ、タグページのタグ
友人	スポンサー	フレンドリーリンク、テーマは下部にあります