[HTML] linkタグのrel, hrefの意味は?

こんにちは。

いつもなんとなく

<link rel="stylesheet" href="style.css">

って書いてますが、hrefやrelの意味ってなんでしょう?
簡単に紹介します。

linkタグのrel, hrefとは?

rel, hrefの意味

それぞれの意味はこうです。

  • rel:relation(関係)
  • href:hypertext reference(参照)

“rel” でどんなリソースか説明して、”href” でリソースの場所を示す感じですね。

“rel” って “relation” の “rel” だったんですね。

よく使う”rel”

  • stylesheet・・・スタイルシートやフォントの読み込み
  • icon・・・ファビコン等
  • canonical・・・正規のページ(SEO対策等)

まとめ

linkタグで使用する、”rel” と “href” を簡単に説明しました。
他の属性も後日、解説できればと思います。