HTMLのrel属性の解析

不言
リリース: 2018-06-20 10:27:38
オリジナル
2617 人が閲覧しました

この記事は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=&#39;archives&#39; href=&#39;http://www.ooxx.com/2012/07&#39; />    
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 現在のドキュメントの最初のページへのリンク
    説明 シナリオ|例 HTML4.01 HTML5
    付録 ドキュメントの付録ページへのリンク
    代替 へのリンク代替ソース (例: 印刷されたページ、翻訳、ミラー) Web サイトのアトムを設定し、head タグにフィードします
    ショートカット アイコン ショートカット アイコン タイトル バー、アドレス バー、コレクション バーのアイコンを指定します。 td >
    アーカイブ ドキュメント セットまたは履歴へのリンクデータ <link rel='archives' href='http://www.ooxx.com/2012/07' /> td >
    著者 その著者へのリンクdocumenthead タグでドキュメントの作成者を宣言します
    正規 <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

    私のレベルが限られているため、必然的にいくつかの間違いがあると思われる場合は、不適切な点や追加する必要がある点がある場合は、メッセージを残して指摘してください。ありがとうございます。

    以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

    関連する推奨事項:

    HTMLのインラインブロックの空白スペースを削除する方法

    HTMLページにおけるメタの役割とページのキャッシュ設定と非キャッシュ設定の分析

以上がHTMLのrel属性の解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート