개x발
[HTML] <link> 태그 rel, href 속성 본문
HTML 을 공부하다 보면 head 부분에 <link> 태그를 많이 보게 된다.
근데 href 이야 뭐 뒤에 대충 보면 알겠는데 rel 이 뭘까 라는 생각을 했어서 써보기로 했음.
대충 적은 코드를 보면
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="style.css"/> // </link> 형식으로 닫지 않고 바로 닫는 형식
</head>
</html>rel 과 href 가 존재하는데
rel 부터 자세히 보면
• relation 의 줄임말. 즉, 관계를 뜻함.
=> <link> 태그에 달리는 링크가 현재 링크(파일)과 어떤 관계를 가지고 있는지 정의하는 것
* 한 가지 속성값으로 하지 않아도 된다. 띄어쓰기를 사용하면 여러 개 사용 가능.
ex) rel="hello world" // 아 너무 대충 썼나..?
위의 코드로 예로 들면 style.css 이 현재 페이지의 stylesheet( 스타일 시트 ) 관계를 가지고 있음을 알려 준다.
href 의 의미는
• hyper reference 의 줄임말. '하이퍼 참조' 를 뜻함.
간단하게 연결한다는 의미로 보자,,
위의 코드를 보면 style.css 를 참조해서 사용할 것을 알려준다.
****** <link> 태그는 기본적으로 <head> </head> 사이에 사용. ***
이상--------.
Comments