본문 바로가기
프로그래밍 언어/HTML,CSS, PHP

[HTML] link와 import의 차이

by UltraLowTemp-Physics 2025. 5. 25.
  link import
  - 병렬방식으로 외부 CSS를 문서에 연결
- 외부 스타일 시트나 글꼴을 지원하는 웹폰트 연결
- 필수 요소: 
  a) rel: 가져올 문서와의 관계 
  b) href: 가져올 문서의 주소 
- 다중 스타일을 사용할 경우 추천됨  
- 직렬 방식으로 css를 다른 css에서 가져옴
- 하나의 CSS 파일에 여러 개의 페이지의 CSS를 로드시켜 편하지만, 성능 저하의 우려 존재  
단점    - 직렬방식으로 전체적인 로딩시간이 길어짐
- 익스플로러의 다운로드 속도가 달라서 문제 발생
- 파일 하나를 넣었을 경우, 사이트가 방대해졌을 경우 관리 어려움
장점 - 하나의 페이지에 여러 페이지의 스타일을 일괄 수정 및 처리 등에 유지/보수가 빠름
- 병렬 방식으로 작동하여 동작속도가 빠름 
- CSS 파일 여러 개를 link를 이용하여 다운로드를 하므로 익스플로러에서 속도가 동일 
 

댓글