![[HTML] link에서 쓰는 rel과 href 약자의 뜻은 무엇일까?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fy13Al%2Fbtrwb6hhrfj%2F0M2qz3t5c5hkMJ0KO3fVcK%2Fimg.jpg)
[HTML] link에서 쓰는 rel과 href 약자의 뜻은 무엇일까?FrontEnd2022. 3. 16. 22:08
Table of Contents
html을 배우다 보면 css 파일을 사용할 때 <head> 부분에서 link를 사용해 파일을 연결한다.
이 때 우리는 단순히 link만 사용하는게 아니라 rel과 href을 사용하는데
rel은 relation의 약자로 '관계'를 의미한다.
즉 어떠한 파일을 연결할때 이 파일과 현재 파일의 관계를 정의하는 것이다
그래서 = 다음에 불러올 파일을 현파일과 어떤 관계로 정의할 것인지 쓴다.
(예시 사진에서 rel은 stylesheet 즉 style.css가 스타일을 담당함을 의미한다)
href은 hyper reference의 약자로 '하이퍼 참조'를 의미한다.
이름만 보았을때는 어렵게 느껴질 수 있는데 굉장히 쉬운 개념으로
참조할 하이퍼*(=하이퍼링크를 떠올려보자)을 의미한다
그래서 = 다음에는 참조할 파일명을 이 다음에 쓴다.
(예시 사진에서는 style.css 파일을 연결해 사용할 것임을 말하고 있다.)
반응형
'FrontEnd' 카테고리의 다른 글
| [CSS] 셀렉터 난이도 있는 개념 모음(+ Dinner 게임 하는 법) (0) | 2022.05.11 |
|---|---|
| [css] 박스 자체를 가운데 정렬 하고 싶을때 (text-align과 차이) (0) | 2022.04.10 |
| [HTML] name과 id의 차이 (0) | 2022.03.29 |
| [HTML] Figure 태그 사용법, img와 차이 (0) | 2022.03.28 |
| [html] hr태그는 수평선! (0) | 2022.03.28 |
| [프론트엔드 기초] HTML, CSS, 자바스크립트 차이점 및 기능 (+ 뭐 먼저 배울지 고민된다면!) (0) | 2022.03.08 |
@염염 :: 왕감자
공부하고 정리하는 기록모음