정의
a요소는 텍스트에 링크를 설정합니다.
속성
- href : 링크 주소를 지정합니다.
- target : 링크를 어떤 프레임에 열것인지를 결정합니다.
- _blank : 새창에 엽니다.
- _parent : 부모창에 엽니다.
- _self : 자신의 창에 엽니다.
- _top : 화면이 여러 프레임으로 이루어져있는 경우 모든 프레임을 지우고 전체 화면에 엽니다.
- [name] : 지정된 이름에 링크를 엽니다.
설명
- a 요소는 문단, 목록, 테이블뿐만 아니라 섹션 전체를 감쌀 수도 있습니다.
- a 요소안에 버튼이나 링크등 인터렉티브한 요소가 포함되어 있으면 안됩니다.
링크의 상태
아래 상태들은 순서대로 정의 해야 의도한 대로 스타일을 적용할 수 있습니다. 만약 active를 hover보다 먼저 정의 했다면 hover가 active를 오버라이드 하여 active상태를 볼 수가 없게 됩니다.
- link : 기본적인 링크 상태로 아직 방문한적이 없거나 아무런 행동도 하기전인 상태를 말합니다.
- visited : 방문한 적이 있는 링크의 상태를 말합니다.
- hover : 마우스 커서가 링크위에 올라가 있는 상태를 말합니다.
- focus : 링크에 키보드등을 이용해서 포커스가 위치해있는 상태를 말합니다.
- active : 마우스를 눌렀다가 놓는 동안의 상태를 말합니다.
예제
기본적으로 다음과 같이 사용할 수 있습니다.
