代表的な”rel”属性の値とその意味をいくつか挙げてみましょう:
- noopener: リンク先のページが新しいウィンドウやタブで開かれる場合、リンク元のページとリンク先のページが相互にアクセスできないようにします。セキュリティ上の理由から使用されます。
- noreferrer: リンクをクリックしたときに、リンク先のページがリファラ(リンク元の情報)にアクセスできないようにします。プライバシーとセキュリティを向上させるために使用されます。
- nofollow: 検索エンジンがこのリンクをクロールしないようにします。主にスポンサーや広告など、信頼性の低いリンクに使用されます。
- alternate: リンク先がリンク元のページの代替バージョンであることを示します。主に異なるメディアタイプ(例: プリント用バージョン)へのリンクに使用されます。
- author: リンク先がリンク元のページの著者情報を提供することを示します。
- external: リンク先が外部のリソースであることを示します。
これらは一部の例ですが、実際にはさまざまな”rel”属性の値があります。適切な”rel”属性を使用することで、ブラウザや検索エンジンがリンク先の関係や動作を正しく理解できるようになります。
おすすめのサイト
趣味を見つけるならここ!

おすすめの外部サイト
