私は、より標準に基づいた、アクセスしやすく、意味的に正しい Web 開発アプローチに移行したいと考えています。オフィスでは、すぐに大きな変化が起こるとは思っていませんが、今後さらに前進するための基本的な基盤のいくつかを築き始めようとしています.
このプロセスの一部はrel、リンクやその他のコンテンツへの属性の導入です。これは、おなじみの古いものよりもさらに拡張されます
<link href="mystyles.css" type="text/css" rel="stylesheet" />
多くの開発者は、おそらく何も考えずに投入するでしょう。rel誰かが他の方法で定期的に使用しているかどうか知りたいです。たとえば、メイン ナビゲーションのリンクを でホームページに戻すように設定しますrel="start"。
自分のプロジェクトでリンク関係を実装したことがある場合、それらを採用するきっかけとなったのは何ですか? また、どのような利点を実現しようとしましたか?
リンク関係を見たものの、使用しないと決めた場合、その決定の根拠は何ですか?
rel私は(and ) 属性をと要素revの両方に幅広い値で頻繁に使用します。<link/><a/>
以下に、より一般的な (そしてより便利な) 関係タイプの概要をいくつか示します。より完全な値のリストは、 microformats wikirelで管理されています。
HTML 4 仕様で定義されている標準リンク タイプがいくつかあります。
alternate- HTML ドキュメントの代替バージョン (別の言語や別の形式など) へのリンクを提供する場合に使用されます。これは、シンジケート (RSS または Atom) バージョンの Web サイトにリンクする場合に最も一般的に使用されます。nextおよびprevious- 一連のドキュメントの次および前のドキュメントを示すために使用されます。rel="next"が要素で使用されている場合<link/>、一部のブラウザーはリンクされたドキュメントのコンテンツをプリフェッチします ( MDC リンクのプリフェッチに関する FAQを参照してください)。XFN (XHTML Friends Network) は、Web ページで表される人々の間の関係を記述するために使用されるマイクロフォーマットです。また、ページが同じ人物を表す他のページを示すこともできます (たとえば、私のブログ、Twitter のプロフィール、Stack Overflow のプロフィールはすべて私を表しています)。これはすべて、一連のrel値を定義することによって行われます。
me- リンク元のページとリンク先のページが同じユーザーであることを示すために使用されます。これは、ユーザー プロファイルからユーザー自身の Web サイトにリンクするときに、多くのソーシャル サイト (Stack Overflow を含む) で広く採用されています。contact、aquantanceおよびfriend- は、リンクしている人物を知っていること、およびその人物をどれだけよく知っているかを示します。met- あなたがリンクしている人物に会ったことを示します。co-workerおよびcolleague- リンク先の人物と一緒に仕事をしている、または同じ分野で仕事をしていることを示します。co-residentおよびneighbor- リンク先の人物と一緒に、または近くに住んでいることを示します。child、parent、sibling、spouseおよびkin- は、家族のメンバーにリンクしていることを示します。muse、crush、dateおよびsweetheart- リンク先の人物とのロマンチックな関係を示します。これらの関係を解析して、ユーザーに関する情報 (友人が誰であるか、他のオンライン プロファイルを持っているかなど) を判断するために使用できます。現在および潜在的な将来のアプリケーションの詳細については、次のページが興味深いかもしれません。
さまざまな仕様で定義された他のさまざまなリンク タイプがあります。
nofollow- Web ページをクロールするときに、検索エンジンがリンクをたどってはならないことを示すために使用されます。rel-nofollow 仕様を参照してください。canonical- 別の URL が現在のページの正規バージョンであるため、検索エンジンで優先する必要があることを示すために使用されます。これはrev、現在のページの代替の、通常はより短い URL を示すために属性と共に使用されます (つまりrev="canonical"、現在の URL がリンクされた URL の正規バージョンであることを示します)。詳細とツールについては、 rev=canonical に関する Simon Willison のブログ エントリを参照してください。tag- リンクされたページが、リンク先のページを説明するタグ (つまり、キーワード) であることを示すために使用されます。rel-tag の仕様を参照してください。license- リンク先ページのコンテンツが公開されるライセンスを示すために使用されます。rel-license の仕様を参照してください。ブログコメントのユーザー投稿リンクにはrel="nofollow"を使用しています。グーグルはリンクをたどらず、リンクのために高いページランクを取得することはありません。
One thing I've used them for is as a way to designate external links that should be opened in a new window. This functionality isn't possible with strict XHTML, because the target attribute is no longer allowed on <a> tags. But with some javascript and the rel attribute you can do a pretty decent job of it, as outlined in this article: New-Window Links in a Standards-Compliant World.
チャドが言ったように、私rel="external"は新しいウィンドウで開きたいリンクを指定するために使用します (それを可能にするためにいくつかの jQuery を活用しています)。
rel="nofollow"また、ルールに従うボット (Google ボットなど) がリンクをインデックスに登録しないようにしたい場合にも使用します。
公共の Web サイトで nofollow を自動的に追加すると便利です。そうしないと、たとえば、スパマーがあなたのブログ コメントからリンク ファームを作成するのに魅力的になる可能性があります。