입니다. rel 속성은 스타일시트, 아이콘, 대체, 다음/이전 등의 리소스 관계를 지정합니다. type 속성은 텍스트, 스타일 시트 등과 같은 리소스 미디어 유형을 지정합니다. href 속성은 리소스 URL을 지정합니다. 미디어(미디어 유형), 크기(크기), 문자 세트(문자 세트)와 같은 다른 속성을 포함할 수 있습니다."/> 입니다. rel 속성은 스타일시트, 아이콘, 대체, 다음/이전 등의 리소스 관계를 지정합니다. type 속성은 텍스트, 스타일 시트 등과 같은 리소스 미디어 유형을 지정합니다. href 속성은 리소스 URL을 지정합니다. 미디어(미디어 유형), 크기(크기), 문자 세트(문자 세트)와 같은 다른 속성을 포함할 수 있습니다.">

 >  기사  >  웹 프론트엔드  >  HTML에서 링크 태그를 사용하는 방법

HTML에서 링크 태그를 사용하는 방법

下次还敢
下次还敢원래의
2024-04-27 21:06:33418검색

이 문서에서는 외부 리소스를 선언하거나 문서 관계를 지정하는 데 사용되는 자체 닫는 태그를 포함하여 HTML의 링크 태그 사용법을 제공합니다. 형식은 입니다. rel 속성은 스타일시트, 아이콘, 대체, 다음/이전 등의 리소스 관계를 지정합니다. type 속성은 텍스트, 스타일 시트 등과 같은 리소스 미디어 유형을 지정합니다. href 속성은 리소스 URL을 지정합니다. 미디어(미디어 유형), 크기(크기), 문자 세트(문자 세트)와 같은 다른 속성을 포함할 수 있습니다.

HTML에서 링크 태그를 사용하는 방법

HTML에서 링크 태그 사용

링크 태그는 외부 리소스를 선언하거나 HTML 문서에서 문서 간의 관계를 지정하는 데 사용됩니다. 닫는 태그가 없는 자동 닫는 태그입니다.

사용 형식:

<code class="html"><link rel="type" href="URL" /></code>

위치:

  • rel: 리소스와 문서 간의 관계를 지정합니다.
  • type: 리소스의 미디어 유형(예: 텍스트, 스타일시트 등)을 지정합니다.
  • href: 리소스의 URL을 지정하세요.

유형 속성:

링크 태그의 rel 속성은 다음 관계 유형을 지정할 수 있습니다.

  • stylesheet: 외부 스타일 시트에 대한 링크.
  • icon: 문서의 파비콘을 지정합니다.
  • 대안: 모바일 보기 또는 인쇄 보기 등 문서의 다양한 버전을 지정합니다.
  • 다음/이전: 문서에서 다음/이전 기사를 지정합니다.

기타 속성:

링크 태그에는 다음 속성도 포함될 수 있습니다.

  • 미디어: 리소스가 적용되어야 하는 미디어 유형을 지정합니다(예: 화면, 인쇄 등).
  • 크기: 리소스의 크기를 지정합니다(파비콘 관련).
  • charset: 자원의 문자 집합을 지정합니다.

예:

다음 예에서는 외부 스타일 시트를 HTML 문서에 연결합니다.

<code class="html"><link rel="stylesheet" type="text/css" href="style.css" /></code>

참고:

  • link 태그는 HTML 문서의 어느 곳에나 배치할 수 있지만 일반적으로 머리 요소 .
  • link 태그는 HTTP, HTTPS 또는 데이터 URI에 연결할 수 있습니다.
  • 링크 태그는 동시에 여러 개의 rel 속성 값을 가질 수 있습니다.

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

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