HTML_HTML/Xhtml_Webページ制作におけるrel属性の解析-htmlチュートリアル-php.cn

HTML_HTML/Xhtml_Webページ制作におけるrel属性の解析

WBOY

リリース： 2016-05-16 16:36:28

オリジナル

1412 人が閲覧しました

何人かのクラスメートがこの記事を 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 属性はすべての主要ブラウザでサポートされています

<strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

定義と使用法

rel 属性は、現在のドキュメントと接続されているドキュメント間の関係を指定します

文法

<a rel="value">

HTML 4.01 と HTML 5 の違い

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

新しい値: アーカイブ、作成者、ブックマーク、外部、最初、~~インデックス~~、最後、ライセンス、nofollow、noreferrer、検索、サイドバー、タグ、アップ。

属性値で表示されます

値	説明	シナリオ\|例
付録	ドキュメントの付録ページへのリンク
代替	代替ソースへのリンク (印刷ページ、翻訳、ミラーなど)	Web サイトのアトムとフィードを head タグに設定します
ショートカットアイコン	ショートカットアイコン	タイトルバー、アドレスバー、お気に入りバーの小さなアイコンを指定します
アーカイブ	ドキュメントセットまたは履歴データへのリンク	`<link rel='archives' href='http://www.ooxx.com/2012/07' />`
著者	ドキュメントの作成者へのリンク	head タグでドキュメントの作成者を宣言します
正規	権威、モデル	現在の Web サイト内の重複または類似の Web ページのうち、どのページが Web マスターがクロールして含めることを望んでいるのかを検索エンジンに知らせます `<link rel="canonical" href="http://xxoo.com/" />` canonical 属性値は通常、rel 属性に表示されます引用 URL: http://www.xxoo.com/xhtml/rel_canonical/ Canonical は、機能の観点から見ると 301 永続リダイレクトの補助機能として理解できます canonical は相対リンクまたは絶対リンクとともに使用できますが、絶対リンクをお勧めします Google による正規の定義は次のとおりです。正規 Web ページとは、非常に類似したコンテンツを持つ Web ページのグループの推奨バージョンです標準: 中国語で「モデル」の意味
スタイルシート	ドキュメントの外部スタイルシート	`<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 リファラーヘッダーを送信しないように指定します
ライセンス	ドキュメントの著作権情報へのリンク
タグ	現在の文書タグ (キーワード)	サイドバーのタグクラウド、記事のタグ、リストのタグ、タグページのタグ
友達	スポンサー	フレンドリーリンク、テーマは下部の