relとhrefについて

1598 ワード
テキストリンク

はじめに

「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"」としていたのが腑に落ちますね。

Next.js+TSでNextAuth.jsを使ってcognito認証を行う
C++のコピー・ムーブ・参照・右辺値参照を私なりにまとめてみました