HyperText

Anchor | link

웹 사이트에 링크 정보를 포함하고 싶을 때 anchor 태그를 이용한다. anchor 태그를 클릭하면, 현재 웹 사이트에서 다른 웹 사이트로 이동하거나, 현재 웹 사이트에서 내가 보고 있지 않은 다른 화면으로 이동할 수 있다.

Attribute

href

anchor 태그에는 반드시 포함되어야 할 href라는 attribute이 있다. href는 hypertext refrence(주소값)의 약어이다.

 

<a href=""> Click Me </a>

 

<a href="웹 url"> 해당하는 url로 이동 </a>
<a href="#idName"> 현재 웹 사이트에서 해당하는 id를 가지고 있는 요소로 이동 </a>
<a href="mailto:name@gmail.com"> 해당하는 주소에 메일을 쓸 수 있는 창으로 이동</a>
<a href="tel:전화번호">  모바일에서 해당하는 전화번호로 call을 할 수 있는 창으로 이동 </a> 

 

target

<a href="https://www.naver.com/" target="_blank"> 새로운 탭을 열어서, 해당하는 주소로 이동</a>

 

aria-lable | global attribute 

<a href="#" aria-lable="Go to previous page" > previous </a>

 

WAI-ARIA | 다양한 사람들(ex. screen reader 이용자)이 웹 페이지를 쉽게 이용할 수 있도록 한다. 

+) aria-hidden = "true" 속성 값을 이용하면, 브라우저에게 해당 태그 정보가 중요하지 않다는 사실을 알려준다.