Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<link> 要素は現在の文書と外部リソースとの関係を指定します。主にスタイルシートのリンクに使用されます。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 4+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 3.2+
Firefox Android 4+

基本構文

HTML
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="canonical" href="https://example.com/page">

実務での使いどころ

  • <link> の活用

    外部リソース(スタイルシート、ファビコンなど)との関係を定義する要素。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。