<a>태그
anchor(닻) 첫 글자 땀. 정보의 바다에 정박한다. 같은 폴더 내 문서, 외부문서, 웹사이트 등을 연결하는 등 하이퍼링크 기능을 하는 태그.
<a href = "링크">
<a href="#result">Go to result.</a> // href 속성의 값 앞에 #을 붙이면, 해당 id를 가진 요소로 이동.
<a href="a.html#result">Go to result.</a> // 다른 문서라면, 예를 들어 a.html 문서 내에 있는 요소로 이동.
<a href="mailto:admin@codingfactory.net">Admin</a> // 이메일 주소로의 하이퍼링크. 링크를 클릭하면 메일 프로그램이 실행속성
- href : 클릭시 이동할 링크. 연결 주소 지정. h는 hypertext 약자. ref는 refernece (참고) 약자
<a href = "링크">- target: 링크를 여는 방법
_self: 현재 페이지 (기본값)
_blank: 새 탭
_parent: 부모 페이지로, iframe 등이 사용된 환경에서 쓰임.
_top: 최상위 페이지로, iframe 등이 사용된 환경에서 쓰임.
프레임이름: 직접 프레임이름을 명시해서 사용할 수도 있음.
<a href = "링크" target=_blank title="html specification">-
title : 링크 클릭 전, 툴팁(도움말)으로 무엇인지 알려줌
-
rel : 현재 문서와 링크된 문서 사이의 연관 관계를 명시함.
alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag -
download : 하이퍼링크를 클릭할 때 해당 대상(target)으로 연결되지 않고 대신 해당 콘텐츠가 다운로드됨을 명시
<Link>태그
해당 파일과 외부 문서를 연결, rel속성을 통해 연결관계를 설정
속성
-
href : 클릭시 이동할 링크. 연결 주소 지정
-
rel
stylesheet : 스타일 시트로 연결 ( .css)
alternate : 문서 대안 ( 프린트나 번역 사이트 )으로 연결
ex)<link rel="alternate" type="application/test+xml" href="/print/test">
author : 저작자로 연결
help : 도움말로 연결
license : 문서의 저작권 정보로 연결
search : 검색 도구로 연결 -
type : 연결문서 MIME 유형( 전송된 문서의 다양성을 알려주기 위한 것. 브라우저들은 리소스를 내려받았을 때 해야 할 기본 동작이 무엇인지를 결정하기 위해 대게 MIME 타입을 사용 )을 나타냄.
text/css : css파일
text/javascript : js파일
application/xml : xml파일 -
media : 미디어 유형이나 쿼리를 지정 가능, 미디어 조건을 만족할 때만 리소스를 불러옴.
<head>
<link href="main.css" rel="stylesheet" type='text/css'>
<link href="favicon.ico" rel="icon" >
<link href="print.css" rel="stylesheet" media="print">
<link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)">
</head>