HTMLのREL属性の分析

著者：Eve Cole 更新時間：2025-07-01 21:00:02

この記事では、主に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の違い

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

新しい値：アーカイブ、著者、ブックマーク、外部、最初、索引、last、license、nofollow、noreferrer、search、sidebar、tag、up。

属性値

価値	説明する	シナリオ\|例
付録	ドキュメントの付録ページへのリンク
変更します	代替ソースへのリンク（印刷ページ、翻訳、ミラーなど）	ヘッドタグにWebサイトの供給をAtomを構成する
ショートカットアイコン	ショートカットアイコン	タイトルバー、アドレスバー、お気に入りのバーアイコンを指定します
アーカイブ	ドキュメントセットまたは履歴データへのリンク	`<link rel='archives' href='http://www.ooxx.com/2012/07' />`
著者	ドキュメントの著者へのリンク	ヘッドタグでドキュメント作成者を宣言します
正規	権威ある、模範	Webマスターがそれをクロールして含めることを望んでいる現在のWebサイトの重複または同様のWebページがどのページであるかを検索エンジンに知らせてください `<link rel=canonical href=http://xxoo.com/ />` 標準属性の値は通常、rel属性にあります QUOTE URL：http：//www.xxoo.com/xhtml/rel_canonical/ カノニカルは、機能の観点から301永久リダイレクトの補助機能として理解できます正規は相対的または絶対的なリンクで使用できますが、絶対リンクをお勧めします GoogleのCanonicalの定義は次のとおりです。標準化されたWebページは、非常に類似したコンテンツを持つWebページのグループの好ましいバージョンです。標準：中国のモデルの意味
StyleSheet	ドキュメントのアウトリーチスタイルシート	`<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>`
上	ドキュメントへのリンクを提供します。このドキュメントは、現在のドキュメントのコンテキスト関係を提供します
検索	ドキュメントにリンクするためのツールを検索します
サイドバー	ブラウザサイドバーに表示されるドキュメントへのリンク
コンテンツ	現在のドキュメントのコンテンツディレクトリにリンクします	通常、現在のページのトピック間のジャンプを容易にするために、ドキュメントのメインコンテンツのサイドバーに配置されます
索引	現在のドキュメントのインデックスへのリンク
用語集	現在のドキュメント用語集へのリンク
著作権	現在のドキュメントの著作権またはプライバシーページへのリンク	ウェブサイトの下部にある著作権
章	現在のドキュメントの章へのリンク
セクション	ドキュメントリストのセクションにリンクします
サブセクション	現在のドキュメントリストのサブセクションへのリンク。（1つのセクションには複数のサブセクションがあります。）
頭	コレクションのトップレベルのドキュメントへのリンク
TOC	コレクションにリンクされたディレクトリ
親	ソースの上のドキュメントへのリンク
子供	ソースの下のドキュメントへのリンク
ヘルプ	ドキュメントをヘルプするためのリンク	`<link rel=help href=http://www.xxoo.net/help.html />`
ブックマーク	ブックマークとして使用される永続的なURL	リストタイトル
外部の	外部ドキュメントへのリンク	記事で引用されている外部接続
nofollow	有料リンクなどの不正なドキュメントへのリンク Googleはnofollowを使用して、検索クモがリンクを追跡しないことを規定しています	サイト上の関連記事、サイト上のランダムな記事、リストと記事のページのコメント、コメント、ブラウズ、著者のリンク、サイドバーのコメントアドレス、ホームページナビゲーションのホームページリンク、最もコメントのある記事、および最もアクセスできる記事
Noreferrer	ユーザーがハイパーリンクに従ったとき、ブラウザはHTTPリファレンヘッダーを送信しないでください
ライセンス	ドキュメントにリンクされた著作権情報
タグ	現在のドキュメントタグ（キーワード）	サイドバーのタグクラウド、記事のタグ、リストのタグ、タグページのタグ
友達	スポンサー	フレンドリーなリンク、下部のテーマ

由于本人水平有限,难免存在一些错误,看官们如果觉得有不妥或者需要补充的地方,请留言指出,谢谢!

参照してください

http://www.w3schools.com/tags/att_a_rel.asp

http://vanessa.b3log.org/research-a-rel-value

http://www.w3school.com.cn/htmldom/prop_anchor_rel.asp

私が言及しなければならない関係者タグ

HTML Rel Canonicalプロパティ値

Link Tag Rel属性の意味

rel = canonical（google webmasterツール）について