외부문서를 연결해주는 <link>

자바스크립트

S_sunny 2022. 10. 7. 15:57

CSS파일이나 JS파일을 연결해올 때 아래와 같이 사용하는 link 태그

<link rel="stylesheet" href="style.css">

- <link>태그는 <head></head>사이에 기재한다. 갯수 제한 X

- link 태그에 쓰이는 속성들

rel(필수속성) 현재 문서와 연결할 리소스와의 관계.

stylesheet : 스타일시트로 연결할때. (가장 많이 쓰임)

alternate : 현재 문서의 대체버전에 대한 링크로 연결할 때.(ex.번역페이지, 프린트페이지 등)

author : 현재 문서의 저자에 대한 링크로 연결할 때.

help : 도움말 문서를 연결할 때.

license : 저작권 정보 관련 문서로 연결할 때

...등등

herf 연결될 외부 리소스의 주소(절대주소, 상대주소 둘다 가능함)

웹페이지주소, 문서주소, id선택자로의 이동 모두 가능함

type 링크된 외부 리소스의 미디어타입. 반드시 href 속성이 설정되어 있어야만 사용 가능.

text/css --> .css 파일

text/javascript .js 파일

*) HTML5 이후부터는 생략하여도 문제 없음