HTMLのrel属性の解析-htmlチュートリアル-php.cn

HTMLのrel属性の解析

不言

リリース： 2018-06-20 10:27:38

オリジナル

2591 人が閲覧しました

この記事は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 属性はすべての主要なブラウザでサポートされています

<strong>注:</strong>ブラウザは無視しますこの属性はレンダリング時に使用されますが、検索エンジンはそこからさらに多くの情報を取得できます (a タグは、href 属性が存在する場合にのみ有効です)。 <strong>注:</strong>浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。

定义和使用

rel属性指定了当前文档和被连接文档之间的关系

语法

<a rel="value">

ログイン後にコピー

HTML 4.01 与 HTML 5 之间的差异

已删除的值：appendix, chapter, contents, copyright, glossary,index, section, start, subsection。

新的值：archives, author, bookmark, external, first,index, last, license, nofollow, noreferrer, search, sidebar, tag,up。

属性值

值描述场景|示例 HTML4.01 HTML5

appendix 链接到文档的附录页

alternate 链接到一个备选的源(比如:打印页, 译本和镜像) head标签内配置网站的atom,feed

shortcut icon 快捷方式小图标指定标题栏,地址栏,收藏栏小图标

archives 链接到文档集或历史数据 <link rel='archives' href='http://www.ooxx.com/2012/07' />

author 链接到文档的作者 head标签内申明文档作者

canonical

权威,典范

让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的

<link rel="canonical" href="http://xxoo.com/" />

rel属性は、現在のドキュメントと接続されたドキュメント間の関係を指定します
rrreee
HTML 4.01とHTML 5の違い

索引

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

td>ホームサイトのホームページに接続します<link href="http://www.ooxx.com" rel="home" /> code>firstコレクション内の最初のドキュメントへのリンク<link rel="first" href="index.html"> code>start 現在のドキュメントの最初のページへのリンク

値	説明	シナリオ\|例
付録	ドキュメントの付録ページへのリンク
代替	へのリンク代替ソース (例: 印刷されたページ、翻訳、ミラー)	Web サイトのアトムを設定し、head タグにフィードします
ショートカットアイコン	ショートカットアイコン	タイトルバー、アドレスバー、コレクションバーのアイコンを指定します。 td >
アーカイブ	ドキュメントセットまたは履歴へのリンクデータ	`<link rel='archives' href='http://www.ooxx.com/2012/07' />` td >
著者	その著者へのリンクdocument	head タグでドキュメントの作成者を宣言します
正規 `<link rel="canonical" href="http://xxoo.com/" />` canonical属性の値は通常rel属性に出現します参考URL：http://www.xxoo.com/xhtml/rel_canonical/ 🎜canonical 機能的には301パーマネントリセットと理解できます対象アクセシビリティ 🎜🎜🎜🎜canonical は相対リンクまたは絶対リンクとともに使用できますが、絶対リンクをお勧めします 🎜🎜🎜🎜Google の正規の定義は次のとおりです: 正規 Web ページは、非常に類似したコンテンツを持つ Web ページのグループの優先バージョンです 🎜🎜 🎜🎜正規: 中国語の「モデル」の意味🎜
stylesheet	ドキュメントの外部スタイルシート	`<link rel="stylesheet" href="base.css">` `<link rel="stylesheet" href="base.css">`
home	连接到站点的主页	`<link href="http://www.ooxx.com" rel="home" />`
first	链接到集合中的首个文档	`<link rel="first" href="index.html">`
start	链接到当前文档的第一页	`<link rel="start" href="about:blank">`
next	链接到集合中的下一个文档	`<link rel="next" href="about:blank">`
prev	链接到集合中的前一个文档	`<link rel="chapter" href="about:blank">`
last	链接到集合中最后的文档	`<link rel="last" href="index.html">`
up	提供指向一个文档的链接。该文档提供当前文档的上下文关系
search	链接到文档的搜索工具
sidebar	链接到应该在浏览器边栏中显示的文档
contents	链接到当前文档的内容目录	一般放在文档主内容的侧栏,方便在当前页面各主题之间跳转
index	链接到当前文档的索引
glossary	链接到当前文档术语表
copyright	链接到当前文档的版权或隐私页面	网站底部版权
chapter	从当前文档链接到一个章节
section	链接到文档列表中的一个小节
subsection	链接到当前文档列表中的子小节。（一个小节可拥有多个子小节。）
head	链接到集合中的顶级文档
toc	链接到集合的目录
parent	链接到源上面的文档
child	链接到源下面的文档
help	链接到帮助文档	`<link rel="help" href="http://www.xxoo.net/help.html" />`


	<link rel="start" href="about:blank"> /code>🎜🎜🎜🎜🎜🎜🎜🎜next🎜🎜コレクション内の次のドキュメントへのリンク🎜🎜<link rel="next" href="about:blank"> /code>🎜🎜🎜🎜🎜🎜🎜🎜prev🎜🎜コレクション内の前のドキュメントへのリンク🎜🎜<link rel="chapter" href="about:blank"> /code>🎜🎜 🎜🎜 🎜🎜🎜🎜last🎜🎜 コレクション内の最後のドキュメントへのリンク🎜🎜<link rel="last" href="index.html">🎜🎜🎜🎜🎜🎜🎜🎜up🎜🎜 ドキュメントへのリンクを提供します。このドキュメントは現在のドキュメントのコンテキストを提供します🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜検索🎜🎜ドキュメントにリンクする検索ツール🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜サイドバー🎜🎜リンク先はブラウザのサイドバーに表示されます書類🎜 🎜 🎜🎜 🎜🎜 🎜🎜🎜🎜contents🎜🎜 は、現在のドキュメントのコンテンツディレクトリにリンクされています 🎜🎜 は、通常、現在のページ上のトピック間を簡単に移動できるように、ドキュメントのメインコンテンツのサイドバーに配置されます 🎜🎜 🎜🎜 🎜🎜🎜 🎜index🎜🎜 現在の文書の索引へのリンク🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜glossary🎜🎜 現在の文書の用語集へのリンク🎜🎜🎜🎜🎜🎜 🎜🎜🎜 🎜著作権🎜🎜リンク現在の文書の著作権またはプライバシーへのページ🎜🎜ウェブサイトの下部にある著作権🎜🎜🎜🎜🎜🎜🎜🎜章🎜🎜現在の文書から章へのリンク🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜セクション🎜 🎜リンクドキュメントリストへ 🎜🎜 🎜🎜 🎜 🎜 🎜🎜🎜🎜サブセクション🎜🎜 のセクション現在のドキュメントリストのサブセクションにリンクします。 (サブセクションには複数のサブセクションを含めることができます。) 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜head🎜🎜 コレクション内の最上位ドキュメントへのリンク🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜toc🎜 🎜コレクションのテーブルへのリンクコンテンツ🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜親🎜🎜ソースの上のドキュメントへのリンク🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜子🎜🎜ソースの下のドキュメントへのリンク🎜🎜 🎜🎜🎜🎜🎜🎜 🎜🎜help🎜🎜リンクヘルプドキュメントに移動します 🎜🎜<link rel="help" href="http://www.xxoo.net/help.html" />🎜🎜 🎜🎜 🎜 🎜🎜🎜ブックマーク🎜🎜ブックマークとして使用される永続的な URL🎜🎜リストのタイトル🎜🎜🎜🎜🎜🎜🎜🎜外部🎜🎜外部ドキュメントへのリンク🎜🎜記事内で引用されている外部リンク🎜🎜🎜🎜 🎜🎜🎜🎜nofollow🎜 🎜有料リンクなどの未承認のドキュメントへのリンク🎜Google は、検索スパイダーがリンクをたどらないことを規定するために「nofollow」を使用しています	サイト上の関連記事、サイト上のランダムな記事、コメントの返信、コメント、リストと記事ページの閲覧リンクと著者リンク、サイドバーのコメントアドレス、およびホームページナビゲーション「ホーム」リンク、最もコメントされた記事、最もアクセスされた記事
noreferrer	は、ユーザーがハイパーリンクをたどるときにブラウザがHTTPリファラーヘッダーを送信してはならないと規定しています
ライセンス	ドキュメントの著作権情報へのリンク
タグ	現在のドキュメントタグ（キーワード）	タグクラウドサイドバー、記事内のタグ、リスト内のタグ、タグページのタグ
friend	スポンサー付き	フレンドリーリンク、テーマは下部にあるby