[HTML] link 태그

안녕하세요. 개발자 드리머즈입니다.

웹페이지를 만들기 위해 Bootstrap을 배우고 있습니다.

Brackets와 bootstrap을 이용한 웹 페이지 만들기

Bootstrap의 html코드에는 아래와 같은 코드가 있습니다.

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<link> 태그에 대해 간단히는 알고 있지만 좀 더 자세히 알아보려고 합니다.

link 태그는 java에서 import 구문처럼 다른 파일의 코드를 사용하기 위해 읽어들이는 코드입니다.

link태그내의 rel 속성은 relation(관계)에서 온 이름 같습니다. 연결(link)하려는 문서가 어떤 성격인지 기입하면 됩니다. 가장 일반적인 경우가 위 코드처럼 외부에 정의된 stylesheet(css)파일을 사용하는 경우입니다. 

href는 연결하려는 문서의 위치를 적으면 됩니다.

integrity 속성은 연결하려는 파일이 수정되지 않았음을 확인하기 위해 사용되는 해쉬 값(hash value)입니다.

crossorigin 속성은 좀 복잡하네요. 이 속성의 존재하면 CORS(cross origin resource share)가 가능해져 다른 origin의 자원을 얻어올 수 있다고 합니다.

참고

https://www.w3schools.com/tags/tag_link.asp

http://www.html.am/tags/html-link-tag.cfm

https://stackoverflow.com/questions/32039568/what-are-the-integrity-and-crossorigin-attribute