>  기사  >  웹 프론트엔드  >  HTML의 링크 태그 속성

HTML의 링크 태그 속성

下次还敢
下次还敢원래의
2024-04-27 19:24:58978검색

HTML의 링크 태그 속성은 외부 리소스에 연결하는 데 사용되며 다음과 같은 주요 속성을 갖습니다. href: 링크 리소스의 URL을 지정합니다. rel: 링크와 현재 페이지 유형 간의 관계를 정의합니다. MIME을 지정합니다. 링크 리소스 유형 미디어: 적용할 항목 지정 미디어 유형 크기: 다양한 장치의 아이콘 크기 지정 crossOrigin: 도메인 간 요청 허용 여부 지정

HTML의 링크 태그 속성

HTML의 링크 태그 속성

링크 태그는 HTML에서 외부 리소스(예: 스타일 시트, 스크립트, 아이콘)와의 링크를 설정하는 데 사용됩니다. 여기에는 다음과 같은 주요 속성이 있습니다.

1. href: 링크할 리소스의 URL을 지정합니다. 이는 로컬 파일일 수도 있고 원격 파일일 수도 있습니다.

2.rel: 링크와 현재 페이지 간의 관계를 정의합니다. 일반적인 rel 값은 다음과 같습니다:

  • 스타일시트: CSS 스타일 시트에 대한 링크
  • icon: 아이콘에 대한 링크
  • alternate: 페이지의 대체 언어 또는 장치 버전에 대한 링크

3. 유형: 링크된 리소스의 MIME 유형을 지정합니다. CSS의 경우 유형은 일반적으로 "text/css"이고 아이콘의 경우 유형은 일반적으로 "image/vnd.microsoft.icon"입니다.

4. 미디어: 링크 리소스가 적합한 미디어 유형을 지정합니다. 일반적인 미디어 값은 다음과 같습니다.

  • all: 모든 미디어 유형에 적용 가능
  • print: 인쇄 출력에만 적용 가능
  • screen: 화면 디스플레이에만 적용 가능

5. 다양한 장치의 아이콘 크기를 지정합니다. 예를 들어, size="32x32"는 아이콘이 32x32 픽셀 장치에 표시된다는 의미입니다.

6. crossOrigin: 교차 출처 요청 허용 여부를 지정합니다. 기본적으로 crossOrigin은 "익명"입니다. 이는 리소스의 메타데이터만 읽을 수 있음을 의미합니다.

예:

다음 예는 스타일시트에 연결되는 Link 태그를 보여줍니다.

<code class="html"><link rel="stylesheet" type="text/css" href="style.css"></code>
다음 예는 파비콘에 연결되는 Link 태그를 보여줍니다.

<code class="html"><link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="32x32"></code>

위 내용은 HTML의 링크 태그 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.