relとhrefについて

はじめに

「HTMLにCSSを導入しようとしても反応してくれない！」
という場合、原因の８割はhead内にこのコードが書けていないです。（主観）

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

このコードは、外部ファイルに記述する場合テンプレのようなものですが、

「そもそも、relとかhrefってどういう意味だ？」

という疑問から、本記事を書こうと思いました。

relとhrefの意味

意味はそれぞれ以下の通りです。

• rel : relation（関係）
• href : hypertext reference（参照）

つまり、「rel="stylesheet"」は、「stylesheetと関係がある」ということで、
「href="./css/style.css"」は、「./css/style.cssを参照している」ということだったんですね！

おまけ

ついでにstylesheetの意味を記しておきます。

stylesheet : 文字データの見栄えに関する情報のみを記録したデータやファイルなどのこと。

CSSを導入するときに「rel="stylesheet"」としていたのが腑に落ちますね。