これでは通常の本文リンクにはなりません。
ユーザー導線は a を使います。

ミス3　a に href を書かない

これだと普通のリンクとしては不完全です。

ミス4　link を body に適当に置く

実務では link は主に head で扱います。
特に CSS 読み込みは head が基本です。

ミス5　違いを理解せず両方とも「リンクタグ」と覚える

両方とも「リンク」に関係しますが、役割はかなり違います。

• a は押すため

• link は読み込ませるため
  この区別が重要です。

すぐ分かる整理

aタグ

• ユーザーがクリックする

• 本文に置く

• ページ移動、外部サイト、メール、電話に使う

linkタグ

• ブラウザが読む

• 主に head に置く

• CSS、アイコン、preload、canonical に使う

  例で比較

  aタグ

   

  <a href=“contact.html”>お問い合わせ</a>

   

   

  意味
  → ユーザーが押して contact.html へ移動する

  linkタグ

   

  <link rel=“stylesheet” href=“style.css”>

   

   

  意味
  → ブラウザが style.css を読み込み、このページに適用する

  まとめ

  項目	aタグ	linkタグ
  正式名	anchor	link
  役割	ユーザー用リンク	外部リソース関連付け
  主な場所	body	head
  見えるか	見える	通常見えない
  代表用途	ページ移動	CSS読込