Web Frontend/HTML

6. HTML Link Tag (in head)

개발자킹콩 2021. 6. 25. 15:14

Link Tag

 

외부에서 CSS 파일을 가져와서 연결하는 tag이다.

Link 에서는 relationship attribute는 필수 항목이다.

Hyper text reference 에는 경로를 지정한다. (필수는 아니다)

 

 

CSS에서 body seletor에 background를 지정하면 viewport에 해당 색이 칠해진다.

 

 

 

 

 


 

 

 

 

Link Tag MDN

https://developer.mozilla.org/ko/docs/Web/HTML/Element/link

 

현재 문서(html)와 외부 리소스(거의 CSS)와의 관계를 명시해서 가져온다.

콘텐츠 범주: Metadata contents 로 head에서 지정하는 것이다.

 

 

 


 

 

 

charset은 사용못한다.

 

 

 


 

 

 

 

CORS(Cross Origin Resource Sharing)

다른 도메인인 두개의 사이트에서 데이터를 어떻게 주고 받는지 지정하는 것이다.

 

 

 

 


 

 

 

 

hreflang는 html lang=“ko” 와 같은 것이면 생략가능하다.

일반적으로는 생략한다.

 

 

 


 

 

 

링크 값: https://developer.mozilla.org/ko/docs/Web/HTML/Link_types

 

 

rel attribute의 value로 많이 사용하는 것은 stylesheet, icon 이 존재한다.

 

 

 

 

 

 

 

 

 

 

'Web Frontend > HTML' 카테고리의 다른 글

8. HTML MIME Type  (0) 2021.06.27
7. HTML Style Tag (in head)  (0) 2021.06.26
5. HTML Meta Tag (in head)  (0) 2021.06.24
4. HTML Head Tag  (0) 2021.06.23
3. HTML block & inline element 예제  (0) 2021.06.22