innn

링크 태그 rel 과 href 뜻 본문

FE/HTML CSS 자바 스크립트

링크 태그 rel 과 href 뜻

33삼 2022. 8. 4. 14:30

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

 

<head>안에 타이틀 아래에 스타일 속성들을 넣어준다
이때 속성들을 바로 넣어주지 않고 링크로 연결시켜 줄 때 쓰는 코드.
 
여기서 rel과 href 는 정확히 어떤 뜻인가?
 

rel

rel은 릴레이션을 축약한 것. 관계라는 뜻. 
<link> 태그에 들어갈 링크가 현재 페이지와 어떤 관계를 갖는 지를 설명해주는 속성이다. 
즉 link rel = "~~" 달리는 링크와 현재 페이지는 ~~ 라는 관계라는 것을 알려주는 것.
위의 예시에선 stylesheet. CSS임을 알려주는 듯이다. 

 

href

href는 hypertext reference의 약자다.
실제로 이동할, 페이지의 주소를 연결해주는 속성이다. 
href 뒤에 주소를 적어주면 된다. 여기선 css/structure.css 였다. (css 폴더의 structure라는 css 파일 주소)
 
 

'FE > HTML CSS 자바 스크립트' 카테고리의 다른 글

html에서 label, label for?  (0) 2022.08.05
비주얼 스투디오에서의 주석 정리  (0) 2022.08.05
2022.08.04 DOM  (0) 2022.08.04
2022.08.03  (0) 2022.08.03
2022.08.02  (0) 2022.08.02