하이퍼링크 만들기,<a>
하이퍼링크는 <a> 태그의 href 속성을 사용하여 만들수 있다.
<a> 태그의 속성에는 href, target, download 3가지가 있다.
<a href="URL"
href="URL#앵커이름"
href="#앵커이름
target="윈도우 이름"
download>
href는 이동할 html페이지의 URL 또는 페이지 내의 앵커 이름을 쓰면된다.
target은 링크에 연결된 html페이지가 출력될 윈도우 이름을 지정하는 것이다.
예를 들어보자
라고 코드를 작성하면 웹페이지에
네이버라는 글씨가 생기고 누르면 네이버 홈페이지로 이동한다.
이때 페이지는 "_blank"로 인해 새로운 페이지에 열리게 된다.
이처럼 target 값으로 들어올 수 있는 것에는
1. "_blank" 새로운 페이지에서 출력
2. "_self" 지금 페이지에서 출력
3. "_parent" 부모페이지에서 출력
4. "_top" 브라우져 윈도우에 출력
책에 있는 설명이 이해하기에는 너무 부족해서
인터넷에 검색하고 다른 사람들이 설명하는 것을 참고했다!
"_parent"와"_top" 은 프레임이 중첩되어있을 때 사용 할 수 있는데
"_parent"는 중첩되어있는 프레임중 부모창 더 상위에 있는 창에 나타나게 된다.
또는 현재 띄어져있는 창중에서 가장 앞에있는 창.
"_top"은 링크된 페이지가 페이지 전체에 나타나게 된다.
만약 프레임이 나눠져 있다면 프레임은 사라지고 링크된 주소가 덮게 되는 것이다.
나중에 다시한번 공부해봐야할 것 같당!
파일 다운로드 링크 만들기, <a>의 다운로드 속성
앞에서는 href와 target에 대하여 살펴보았다.
마지막으로 download 속성에 대해서 알아보자
다운로드할 파일명은 href 속성에 지정한다.
이렇게 작성하면
고양이 사진 다운받기를 누르면 하이퍼링크로 지정해둔 경로로 들어가 사진을 다운 받을 수 있다.
화면에 띄우는 것이 아니라 다운로드 화면이 뜨지만
호환에 따라 다르므로 html로 처리하기 보다는
자바스크립트로 다운로드 처리하는 것이 더 낫다고 한다.
끝!