html 태그 속성 (href, title, target)

<a> 태그란?

anchor의 약자로 페이지와 페이지간의 이동을 시켜주는 태그이며, 항상 href 속성와 같이 사용한다.

href 속성

hypertext reference 의 약자로, 연결할 주소를 지정해주는 속성

<a href=”https://dailylifememo.com/”>블로그 바로가기</a>

이형식으로 사용하며 ” ” 따옴표를 정확히 쓰지 않으면 작동 안할 수 있음

주소는 여러가지 사용할 수 있는데, 흔히 https:// 로 시작하는 정확한 웹페이지 주소

같은 폴더내의 페이지로 이동할때 ./ 를 사용하여 같은 폴더의 html 링크를 걸 수 있음.

../ 상위폴더나 아예 다른 폴더 주소도 사용 가능하다.

id 식별자를 사용한 #id 를 사용해 이동할 수도 있다.

mainmenu, contents, footer id 식별자가 위치한 곳으로 이동한다.

시멘틱 마크업에서 주로 사용된다.

title 속성

시각장애인들은 tap 키를 누르면서 페이지로 정보를 얻는데, 이 링크가 어디인지 스크린 리더가 읽을 수 있게 title 속성으로 설명을 적어서 음성으로 읽어주게 한다.

<a href=”#” title=”메인메뉴 바로가기”>로고</a>

로고에 탭키로 도달할 시 메인메뉴 바로가기 링크라고 음성으로 안내한다.

target 속성

링크를 클릭 할 때 창이 어떻게 열릴지 결정하는 속성

_self : 기본값으로 클릭한 창에서 바로 열린다.

_blank : 새 창으로 문서가 열린다.

_parent : 부모(상위) 창에서 열린다.

_top : 가장 상위 창에서 열린다.

<a> 태그는 글자 뿐만 아니라 div 영역, img 에서도 사용할 수 있다.

Leave a Comment