[HTML] <a> 태그 정의/용도/예시

<a> 태그 정의

<a> 태그는 기본적으로 '하이퍼링크'의 의미를 가진다.

가장 중요한 <a> 태그의 속성 중 하나는 href라는 속성인데,하이퍼링크를 통해 들어가지는 주소를 나타냄.

example이라는 하이퍼링크가 생성되며 클릭 시 href의 링크로 연결됨.

 

Default 값으로

• 아직 클릭하지 않은 링크는 파랑색 글씨이며 밑줄이 쳐져있음.
• 방문한 링크는 자홍색(보라색)을 띄며 밑줄이 쳐져있음.
• 링크에 대해 마우스 우클릭을하면(Active Link) 빨간색을 띄며 밑줄이 쳐져있음.

알아두어야 할 점

• <a>태그에 href라는 속성이 들어가있지 않다면,오로지 placeholder일 뿐임.
• 링크로 접속하면 클릭한 브라우저에서 링크로 바뀜.(새 탭으로도 열 수 있음. 밑에서 추가 설명)

Browser 호환

모든 브라우저에서 가능

<a> 태그 부가적인 기능

• 이미지를 하이퍼링크로 사용하기

replit을 사용하였기에 src에 폴더로 접근하였음.

• 새 탭으로 링크 접속하기

target에 _blank를 요소로 넣기(target은 어디에 열 것인가에 관한 것 _blank 외의 요소들도 있으니 출처 참고)

• 같은 페이지이지만 다른 영역으로 갈 수 있도록 하기

그 외 많은 referrerpolicy,rel,ping같은 요소도 존재하므로 아래 링크 참조

출처 : https://www.w3schools.com/tags/tag_a.asp

HTML a tag