<HTML5> 4강 a 하이퍼링크 태그

<a>태그

- Anchor 의 약자. 정박지, 닻의 뜻을 가지고 있다.

- 웹페이지와 웹페이지를 연결하는 하이퍼 링크. 태그중의 가장 중요한 태그라고 볼 수 있다.

- 스크린 리더기에서 표현해주는 태그이다.

- <a>요소는 인라인요소지만 블럭요소의 부모가 될수 있다.

- 글자색상(#00f,보라색),  underline 기본구조를 가지고 있다.

- 포커스를 받을 수 있는 태그

- color속성은 상속되지 않는다

 

< a> 태그의 속성

href

- Hypertext Reference 의 약자

- 연결할 주소를 지정해놓으면 클릭시 지정된 페이지로 이동한다.

ex1) href="url"   => 입력된 도메인 주소로 이동한다.

ex2) href="파일명.확장자" => zip문서는 다운로드 받아진다.

ex4) href="#아이디명"  => 아이디명으로 점프된다.

ex4) href="#"  => '#'은 임시링크로 쓰인다 (오류방지)

     

title

- title="텍스트"

- a태그에 걸린 핵심 내용을 기재하는 곳이다.

- title 속성에 텍스트를 쓰고 마우스를 올려놓으면 툴팁에 타이틀 내용이 나온다. 나온다,

- 스크린 리더기에서 title에 쓰여진 텍스트를 읽어준다.

 

 

target

- a태그 클릭시 어떻게 반응할지를 결정하는 속성으로 self, blank, top, parent 4가지 값을 가진다.

    _self - 현재 페이지에서 해당페이지로 이동된다.

    _blank - 현재페이지를 유지하고 새창에서 해당페이지를 띄운다.

    _top - 최상위 창에서 해당페이지를 띄운다

    _parent - 새로운 탭에서 해당페이지로 띄운다.

- 지정하지 않으면 _self가 기본값으로 기존 브라우져에서 열린다.

 

 

rel (추후 자세히 설명)

href를 설명해주는 속성. 검색 엔진이 링크에 대한 자세한 정보를 얻게 해주는 데 도움을 준다.

필수로 써야할 값은 아니며 단독으로 쓰일 수 없다. <link>, <area> 등의 다른 태그에서도 쓰인다.

https://blog.naver.com/codms614/221668041568