티스토리 뷰

css

<link> 태그란?

96승승 2022. 2. 6. 13:02

<link> 예제

- 외부소스 연결 (예: 스타일시트)

<head>
<link rel="stylesheet" href="https://homzzang.com/css/style.css?ver=20190929" type="text/css">
</head>

다른 웹페이지 소스 등을 현재 웹페이지에 끌어와 적용할 때 사용. (= 외부파일링크)

  • head 태그 내부에 사용해야 하지만, 각 개별 웹페이지 상단에 넣어 사용할 수도 있음.
  • HTML5에서 일부 속성 제거 및 추가.
  • HTML에서는 종료 태그없이 단독 사용하나, XHTML에서는 반드시 끝에  / 붙여 닫아야 함.

 

<link> 속성

속성 속성값  쓰임새 비고
rel alternate
 archives
 author
 bookmark
 external
 first
 help
 icon
 last
 license
 next
 nofollow
 noreferrer
 pingback
 prefetch
 prev
 search
 sidebar
 stylesheet
 tag
 up
현재 문서와 링크된 문서와의 관계 명시.
필수속성임.
 
 alternate (현재 웹페이지의 대체 문서)
 archives (현재 웹페이지의 색인)
 author (현재 웹페이지의 작가)
 bookmark (북마크로 사용될 링크)
 external (외부 링크 표시)
 first (첫 번째 문서)
 help (도움이 되는 문서)
 icon (아이콘 표시)
 last (마지막 문서)
 license (면허)
 next (다음 문서 표시)
 nofollow (링크를 타고 가선 안됨 표시)
 noreferrer
 pingback
 prefetch (캐쉬 저장 선행 필수 표시)
 prev (이전 문서 표시)
 search (검색 표시)
 sidebar (사이드바 표시)
 stylesheet(스타일시트 표시)
 tag
 up 
  
type MIME type
링크페이지의 MIME type 지정
 
 ※ MIME type : 
   메세지의 종류. (확장자 의미)

 (예) 
 type="text/css"
 type="image/png" 
  
href URL 주소 호출소스 주소  HTML5제외
charset 문자셋 정보 언어셋 지정   
hreflang 언어 코드 호출소스 언어 표시  
 media 미디어 쿼리 호출소스 구동장치 표시  
rev 관계 표시 호출소스와의 관계 표시  HTML5제외
size
가로x세로
 any
가로 길이와 세로 길이를 x를 이용해 표시
 또는, any 값을 넣을 수도 있음.
 HTML5추가
target
 _blank(새창이나 새탭에 띄움)
 _parent (부모 창에 띄움)
 _self (현재 창에 띄움)
 _top (가장 상단 프레임 창에 띄움)
 framename (특정 프레임 창에 띄움) 
 링크를 어떤 창에 띄울지 결정 HTML5 제외
       

'css' 카테고리의 다른 글

css - background  (0) 2022.02.11
css - white-space  (0) 2022.02.11
margin: 0 auto;(가운데 정렬)  (0) 2022.02.05
css -table 꾸미기  (0) 2022.02.01
반응형 웹이란?  (0) 2022.02.01

UP NEXT : css

댓글
© 2018 webstoryboy