ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML_HTML/Xhtml_Webページ制作におけるrel属性の解析

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

WBOY
WBOYオリジナル
2016-05-16 16:36:281419ブラウズ

何人かのクラスメートがこの記事を 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、検索、サイドバー、タグ、アップ。

属性値 で表示されます
説明 シナリオ|例 HTML4.01 HTML5
付録 ドキュメントの付録ページへのリンク
代替 代替ソースへのリンク (印刷ページ、翻訳、ミラーなど) 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 リファラー ヘッダーを送信しないように指定します
ライセンス ドキュメントの著作権情報へのリンク
タグ 現在の文書タグ (キーワード) サイドバーのタグクラウド、記事のタグ、リストのタグ、タグページのタグ
友達 スポンサー フレンドリーリンク、テーマは下部の

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

参照

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

rel-author タグについて言及する必要があります

HTML 相対正規属性値

リンクタグのrel属性の意味

rel="canonical"(Google ウェブマスター ツール)について

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。