자바스크립트

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

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 : 저작권 정보 관련 문서로 연결할 때

    ...등등

    추가 참고 ) http://www.tcpschool.com/html-tag-attrs/link-rel

 

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

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

 

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

    text/css --> .css 파일

    text/javascript .js 파일

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

'자바스크립트' 카테고리의 다른 글

소수점 숫자 연산시 주의사항  (0) 2022.10.19
애니매이션 만드는 법  (0) 2022.10.08
소수 문제  (0) 2022.09.23
Math.random 랜덤숫자 활용하기  (0) 2022.09.09
event 설정  (0) 2022.09.08