텍스트 혹은 이미지에 다른 웹페이지로의 링크(하이퍼링크)를 설정하여, 다른 문서로 혹은 같은 페이지 내의 특정 위치로 이동할 수 있는 기능을 말합니다. 링크 태그로는 <a> ~ </a>를 사용하며 'a'는 anchor(닻)의 약자로 문서와 문서를 이어준다는 의미로 사용합니다.
‘href(hyperlink reference)’에는 링크 할 웹페이지의 URL을 지정합니다. 아래는 <a> 태그 속성입니다.
링크의 속성으로 페이지가 열릴 창의 지정(target)과 링크되는 부분의 이름(name)을 지정할 수 있습니다. 지정한 링크를 클릭하면 지정된 타깃의 속성 값(_blank/_self/_top/_parent)으로 페이지를 열게 됩니다.
'_blank'는 링크를 클릭하면 새로운 브라우저를 띄워서 내용을 보여줍니다. 상세페이지나 저작권이 문제가 되는 포털 등의 기사를 링크를 하는 경우에 활용됩니다.
'_self'는 지금 현재 열려있는 창으로 내용을 보여줍니다. 기본 값으로 타깃을 지정하지 않으면 '_self'와 같은 효과를 나타냅니다.
'_top'과 '_parent'는 프레임(Frame)이 구성되어 있는 경우에 사용되며, 그 중 '_top'은 프레임의 구분을 없애면서 전체화면(최상위 페이지)에 내용을 표시합니다. 프레임 구분이 없는 경우는 '_self'와 같은 효과를 나타냅니다.
'_parent' 링크가 표시되어 있는 부모 프레임에 표시하며, 프레임으로 나누어진 문서의 한단계 상위 프레임을 말하며, 대부분 창 전체에 표시됩니다. 부모 프레임이 없는 경우는 '_self'가 표시됩니다.
마우스 커서가 hypertext위에 올라 왔을 때 입력된 설명을 나타냅니다. 이 title 속성은 화면에 출력되어서 면적을 차지하는 모든 Tag에 적용되는 속성입니다. Image Element에서 나오는 alt 속성과 같은 효과를 주지만 용도는 약간 다릅니다.
이 title 속성을 사용하면 여러분 홈페이지를 방문한 user들이 hypertext를 클릭해서 링크를 일일이 보지 않아도 설명을 보고 무슨 링크라는 것을 알 수 있으므로 필요 없는 클릭을 낭비하지 않게 해주는 역할을 합니다.
다른 페이지나 특정한 위치에서 현재 연결된 링크를 참조할 때는 네임(name)을 지정하여 사용합니다.
+ 현재 페이지의 북마크(Bookmark:책갈피)
문서의 내용이 길어지면 스크롤의 압박이 심하게 되는데 이때 특정한 위치에 문서를 이동 시키는 역할을 합니다. 우선 포인트(위치)가 될 위치에 참조될 이름(name)을 부여하고, <a>태그를 이용해서 링크를 연결하고 클릭하면 부여한 이름이 있는 위치로 이동하게 됩니다. 링크를 연결할 때는 페이지의 특정 위치에 링크가 걸렸다는 표시로 '#'을 붙여줍니다.
+ 다른 페이지 내의 특정 위치로 북마크(Bookmark)
이용 방법은 같은 페이지 내에서 북마크를 걸 때와 같습니다. 하지만 다른 페이지 내의 특정 포인트(위치)가 될 위치에 참조될 이름(name)을 지정한 후에 링크를 거는 페이지에서 'URL#이름'을 지정하여 링크를 걸어 줍니다. 만약, 링크로 열려고 하는 문서의 이름이 'test.html'이고 이 문서의 특정 북마크된 이름이 'test01'이라면 <a href="test.html#test01"> ~ </a>처럼 연결해주면 됩니다.
copyright © 2011 두목. All rights Reserved.