쉼터/자유게시판

<LINK> 태그 - 원하는 곳으로 이동하기

w.j.lee 2015. 5. 12. 09:11

※ 텍스트나 이미지에 링크 걸기

    - <a href="파일이름 또는 url">

    - a : anchor(닻), href : hyper reference

      => hyper 기능을 가진 링크를 어디어디에 참조하라는 의미

 

※ 특정 위치로 이동하기(현재 페이지내)

    - <a href="#name"에 적용할 이름">

      <a name="name에 적용할 이름">

    - "한 페이지"에 많은 내용이 있을 경우 특정 지역으로 바로 이동하게 할 때 사용

    - #(네임포인트) : 링크를 거는 곳에 사용

      a name : a href의 내용을 클릭했을 때 찾아갈 이름

      (name에 적용할 이름은 제작자가 임의로 설정하여 사용가능. 항상 동일해야만 이동 가능)

 

※ 특정 위치로 이동하기(다른 페이지내)

    - <a href="url#원하는 위치의 가상명">

      <a name="원하는 위치의 가상명">

    - 다른 파일의 특정지역으로 이동할 수 있게끔 하는 것

    - url은 절대경로, 상대경로 모두 가능

 

※ 링크로 전자메일 보내기

    - <a href="mailto:메일주소">...</a>

    - 이미지나 텍스트들을 클릭했을때 지정한 메일 주소로 메일을 보낼 수 있도록 하는 태그

 

* 또 다른 링크 대상 : html이 아닌 파일 형식

                             - 이미지파일 : 브라우저에서 지원하는 gif, jpg 파일

                             - 사운드파일 : wav, au, mid 파일과 같은 음악 파일

                             - 동영상파일 : mpeg, mov와 같은 동영상 파일

                             - 압축파일 : zip파일처럼 압축된 형식의 파일

                             - * 브라우저에서 지원하지 않는 zip이나 exe파일들을 링크하게 되면

                               사용자들은 그 파일들을 자신의 컴퓨터로 다운로드 할 수 있음

* target : 예)target="_blank"라는 것을 url 뒤에 적어주게 되면

                현재의 페이지에서 다음 페이지로 바로 넘어가는 것이 아니라 새로운 창을 열면서 이동

                다른 속성값도 많음

* 메일제목 미리 설정하기 : <a href="mailto:메일주소?subject=편지제목">...</a>