この記事は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 |
链接到文档集或历史数据 |
a0201b64f44e617b0ed1ca6a04e4a375 |
|
|
| author |
链接到文档的作者 |
head标签内申明文档作者 |
|
|
| canonical |
权威,典范 |
让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的
5b1a6bbe339a499f00a98e72fd340e3b定義と使用rel属性は、現在のドキュメントと接続されたドキュメント間の関係を指定します - rrreee
HTML 4.01とHTML 5の違い
削除された値: 付録、章、コンテンツ、著作権、用語集、索引、セクション、開始、サブセクション。 新しい値: アーカイブ、作成者、ブックマーク、外部、最初、インデックス、最後、ライセンス、nofollow、noreferrer、検索、サイドバー、タグ、上。 -
| 値 |
説明 |
シナリオ|例 | HTML4.01 |
HTML5 |
| 付録 |
ドキュメントの付録ページへのリンク |
|
|
|
| 代替 |
へのリンク代替ソース (例: 印刷されたページ、翻訳、ミラー) |
Web サイトのアトムを設定し、head タグにフィードします |
|
|
| ショートカット アイコン |
ショートカット アイコン |
タイトル バー、アドレス バー、コレクション バーのアイコンを指定します。 td > |
|
|
| アーカイブ |
ドキュメント セットまたは履歴へのリンクデータ |
cda1f31d62fbe9bd603ad6ca981b8403 td > |
|
|
| 著者 |
その著者へのリンクdocument | td>head タグでドキュメントの作成者を宣言します |
|
|
正規 b550b73d5be720308ea4f29c49e46fa3 ffa9e93c45b9e97635715e3ed25eb939
|
|
|
| home |
连接到站点的主页 |
ec88fb1017b684c313e9a2ca2a4824cf |
|
|
| first |
链接到集合中的首个文档 |
46f4b057dfd067bac314e509eec33bc3 |
|
|
| start |
链接到当前文档的第一页 |
18e94beb14b653c64015faf023d36385 |
|
|
| next |
链接到集合中的下一个文档 |
a180899e1638d1be93bcfd54fbaf6964 |
|
|
| prev |
链接到集合中的前一个文档 |
83a0a3faf601f282321705a321e3028a |
|
|
| last |
链接到集合中最后的文档 |
124f94eb4e8a86ef163e82e2146d0c69 |
|
|
| up |
提供指向一个文档的链接。该文档提供当前文档的上下文关系 |
|
|
|
| search |
链接到文档的搜索工具 |
|
|
|
| sidebar |
链接到应该在浏览器边栏中显示的文档 |
|
|
|
| contents |
链接到当前文档的内容目录 |
一般放在文档主内容的侧栏,方便在当前页面各主题之间跳转 |
|
|
| index |
链接到当前文档的索引 |
|
|
|
| glossary |
链接到当前文档术语表 |
|
|
|
| copyright |
链接到当前文档的版权或隐私页面 |
网站底部版权 |
|
|
| chapter |
从当前文档链接到一个章节 |
|
|
|
| section |
链接到文档列表中的一个小节 |
|
|
|
| subsection |
链接到当前文档列表中的子小节。（一个小节可拥有多个子小节。） |
|
|
|
| head |
链接到集合中的顶级文档 |
|
|
|
| toc |
链接到集合的目录 |
|
|
|
| parent |
链接到源上面的文档 |
|
|
|
| child |
链接到源下面的文档 |
|
|
|
| help |
链接到帮助文档 |
82cc14e75ddca56a0db3cad234e5932b | | |
ホーム | サイトのホームページに接続します |
3e653cd5e9abf105ed8c8ddab9126aec code><td></td>
<td class="y"></td>
<td class="y"></td>
first | コレクション内の最初のドキュメントへのリンク |
3cdca41d2442e89b157eeeb69369c849 code><td></td> <td class="y"></td> <td class="y"></td>
start | 現在のドキュメントの最初のページへのリンク
f6632d99a88ae7516848c1575ee711c1 /code>🎜🎜🎜🎜🎜🎜🎜🎜next🎜🎜コレクション内の次のドキュメントへのリンク🎜🎜<code class="code1">975c6ea00cb71293e39ea0ab2ea3b36a /code>🎜🎜🎜🎜🎜🎜🎜🎜prev🎜🎜コレクション内の前のドキュメントへのリンク🎜🎜<code class="code1">be41b25177cccd3a750471c75c9cda22 /code>🎜🎜 🎜🎜 🎜🎜🎜🎜last🎜🎜 コレクション内の最後のドキュメントへのリンク🎜🎜<code class="code1">d2e3c0ba27b15160da30b3b508fda7c9🎜🎜🎜🎜🎜🎜🎜🎜up🎜🎜 ドキュメントへのリンクを提供します。このドキュメントは現在のドキュメントのコンテキストを提供します🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜検索🎜🎜ドキュメントにリンクする検索ツール🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜サイドバー🎜🎜リンク先はブラウザのサイドバーに表示されます書類🎜 🎜 🎜🎜 🎜🎜 🎜🎜🎜🎜contents🎜🎜 は、現在のドキュメントのコンテンツ ディレクトリにリンクされています 🎜🎜 は、通常、現在のページ上のトピック間を簡単に移動できるように、ドキュメントのメイン コンテンツのサイドバーに配置されます 🎜🎜 🎜🎜 🎜🎜🎜 🎜index🎜🎜 現在の文書の索引へのリンク🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜glossary🎜🎜 現在の文書の用語集へのリンク🎜🎜🎜🎜🎜🎜 🎜🎜🎜 🎜著作権🎜🎜リンク現在の文書の著作権またはプライバシーへのページ🎜🎜ウェブサイトの下部にある著作権🎜🎜🎜🎜🎜🎜🎜🎜章🎜🎜現在の文書から章へのリンク🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜セクション🎜 🎜リンクドキュメント リストへ 🎜🎜 🎜🎜 🎜 🎜 🎜🎜🎜🎜サブセクション🎜🎜 のセクション 現在のドキュメント リストのサブセクションにリンクします。 (サブセクションには複数のサブセクションを含めることができます。) 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜head🎜🎜 コレクション内の最上位ドキュメントへのリンク🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜toc🎜 🎜コレクションのテーブルへのリンクコンテンツ🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜親🎜🎜ソースの上のドキュメントへのリンク🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜子🎜🎜ソースの下のドキュメントへのリンク🎜🎜 🎜🎜🎜🎜🎜🎜 🎜🎜help🎜🎜リンク ヘルプ ドキュメントに移動します 🎜🎜<code class="code1">3dd3a921627ebdaed6e569518ed00a9a🎜🎜 🎜🎜 🎜 🎜🎜🎜ブックマーク🎜🎜ブックマークとして使用される永続的な URL🎜🎜リストのタイトル🎜🎜🎜🎜🎜🎜🎜🎜外部🎜🎜外部ドキュメントへのリンク🎜🎜記事内で引用されている外部リンク🎜🎜🎜🎜 🎜🎜🎜🎜nofollow🎜 🎜有料リンクなどの未承認のドキュメントへのリンク🎜Google は、検索スパイダーがリンクをたどらないことを規定するために「nofollow」を使用しています
|
サイト上の関連記事、サイト上のランダムな記事、コメントの返信、コメント、リストと記事ページの閲覧リンクと著者リンク、サイドバーのコメント アドレス、およびホームページナビゲーション 「ホーム」リンク、最もコメントされた記事、最もアクセスされた記事 |
|
|
| noreferrer |
は、ユーザーがハイパーリンクをたどるときにブラウザがHTTPリファラーヘッダーを送信してはならないと規定しています |
|
|
|
| ライセンス |
ドキュメントの著作権情報へのリンク |
|
|
|
| タグ |
現在のドキュメントタグ（キーワード） |
タグクラウドサイドバー、記事内のタグ、リスト内のタグ、タグページのタグ |
|
|
| friend |
スポンサー付き |
フレンドリーリンク、テーマは下部にあるby |
|
|
私のレベルが限られているため、必然的にいくつかの間違いがあると思われる場合は、不適切な点や追加する必要がある点がある場合は、メッセージを残して指摘してください。ありがとうございます。
以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。
関連する推奨事項:
HTMLのインラインブロックの空白スペースを削除する方法
HTMLページにおけるメタの役割とページのキャッシュ設定と非キャッシュ設定の分析
|
以上がHTMLのrel属性の解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
