[HTML] 6. HTML 링크

6. HTML 링크

- HTML은 웹상의 또 다른 문서를 연결시킬 목적으로 하이퍼링크를 사용한다.


6.1 앵커 태그와 Href 속성

- HTML은 또 다른 문서의 연결을 만들 목적으로 (앵커) 태그를 이용한다.

- 앵커는 웹상의 어떠한 자원도 가리킬 수 있다: HTML 페이지, 이미지, 사운드 파일, 동영상, 등등

- 앵커 생성을 위한 방법:


- 태그는 앵커의 링크 형태를 생성하고, href 속성은 링크될 문서의 주소를, 앵커 태그의 열기와 닫기 사이의 단어는 하이퍼링크 처럼 나타난다.

- 이 앵커는 W3Schools를 링크시킨다.


- 아래 라인은 브라우저에서 보여지는 것이다.

Visit W3Schools!


6.2 타켓 속성

- 타켓 속성은 링크되어진 문서를 어디서 열 것인가를 정의한다.

- 아래의 라인은 새로운 브라우저 창에서 문서를 연다:



6.3 앵커 태그와 이름 속성

- 이름 속성은 앵커의 이름을 생성할 때 사용된다. 동일한 페이지의 특별한 섹션으로 바로 이동시킬 링크를 생성하고 싶을때 앵커 이름이 사용된다. 스크롤을 이용하는 대신에 바로 바라는 페이지의 특별한 섹션으로 이동할 수 있다.

- 아래는 이름 앵커의 사용법이다:

- 이름 속성은 앵커의 이름을 생성할 때 사용된다. 앵커의 이름은 어떠한 텍스트에선 주의해야 한다.

- 아래 라인은 이름 앵커의 정의이다:

- 이름 앵커가 특별한 방법으로 보여지진 않는다는 것을 알아야 한다.

- "tips" 섹션으로 직접적으로 링크하기 위해선, 아래와 같이, # 기호를 추가하고, URL의 끝에 앵크의 이름을 넣어야 한다:


- "html_links.asp" 파일 없이 Useful Tips Section 으로 하이퍼링크 되는 것은:



6.4 Useful Tips

- 섭폴더를 참조하기 위해선 끝부분에 슬래쉬를 항상 넣어야 된다. 만약 링크가:
href="http://www.w3schools.com/html" 이라면, 서버로 부터, 두번의 HTTP 요청을 일으킨다. 왜냐하면, 서버는 주소에 슬래쉬를 추가시키고, href="http://www.w3schools.com/html/"와 같은 새로운 요청을 생성시키기 때문이다.

- 이름 앵커는 대규모 문서의 시작 "table of contents"를 생성시키는데 종종 사용되어진다. 문서없이 각각의 장은 이름 앵커로 주어지고, 이러한 앵커의 각각의 링크는 문서의 제일 위에 위치시켜놓고 사용한다.

- 설령, 브라우저가 이름 앵커를 찾지 못한다해도 걱정할 필요는 없다. 브라우저는 에러를 발생시키는게 아니라, 단지, 문서의 제일 처음으로 위치시키기 때문이다.


6.5 Link Tags