HTML 코드에서 <link> 요소는 외부 리소스를 문서에 연결할 때 사용됩니다. 주로 스타일시트, 아이콘, 혹은 기타 외부 파일을 문서에 삽입하는 데에 활용됩니다. 여기서 <link> 요소의 속성인 rel과 type에 대한 설명은 다음과 같습니다:
rel 속성 (Relationship):
rel 속성은 연결하려는 리소스와 현재 문서 간의 관계를 정의합니다.
스타일시트를 연결할 때는 "stylesheet"라는 값이 주로 사용됩니다. 즉, <link> 요소가 현재 문서와 외부 스타일시트 파일 간의 관계를 나타냅니다.
예: <link href="./practice.css" rel="stylesheet" type="text/css">
이 코드에서 "stylesheet" 값은 현재 문서와 practice.css 파일 간의 스타일시트 관계를 정의합니다.
type 속성:
type 속성은 연결된 리소스의 MIME 타입을 나타냅니다.
MIME(Multipurpose Internet Mail Extensions) 타입은 문서의 종류를 식별하는 데 사용되며, 브라우저에게 어떤 종류의 파일을 다운로드할 것인지 알려줍니다.
스타일시트 파일의 MIME 타입은 일반적으로 "text/css"입니다. 이것은 브라우저에게 해당 파일이 CSS 스타일시트임을 알려줍니다.
예: <link href="./practice.css" rel="stylesheet" type="text/css">
이 코드에서 "text/css" 값은 practice.css 파일이 CSS 스타일시트임을 나타냅니다.
이러한 속성들은 브라우저가 문서를 렌더링할 때 필요한 외부 리소스를 올바르게 해석하고 적용할 수 있게 도와줍니다.
댓글