HTML 기본 사항-링크 및 앵커

• 할 수있다 10, 2024

링크를 사용하여 페이지를 다른 페이지에 연결하거나 같은 페이지의 다른 부분으로 이동할 수도 있습니다. 링크는 귀하의 웹 사이트에 책이나 잡지와 다른 역동적 인 품질을 제공합니다.

가장 기본적인 수준에서 링크 태그는 다음과 같습니다.



'a'로 시작하는 모든 태그는 링크를 나타내지 만 하이퍼 링크와 명명 된 앵커라는 두 가지 기본 링크 유형이 있습니다. 하이퍼 링크는 한 웹 페이지를 다른 웹 페이지에 연결하는 링크이며 다음과 같습니다.

여기에 텍스트 링크

태그 내의 정보는 브라우저에 'page.html'웹 페이지에 연결되는 하이퍼 링크 (href)임을 알려줍니다. 태그 안의 텍스트 (여기 링크 텍스트)는 방문자가 실제로 볼 수있는 링크의 일부이며 클릭하면 page.html로 이동할 수 있습니다. 같은 사이트에있는 페이지에서 사이트의 페이지에 연결하는 경우 도메인 정보를 생략 할 수 있습니다. 예를 들어 www.domain.com/home.html에있는 페이지에서 링크를 만들고 대상 페이지 www.domain.com/page.html에 연결된 링크 인 경우 링크를 다음과 같이 작성하고 건너 뛸 수 있습니다. 도메인 이름 정보. 도메인 이름을 제외하면 브라우저는 대상 페이지가 링크 페이지와 동일한 웹 사이트에 있다고 가정합니다.

명명 된 앵커 (종종 간단히 '앵커'라고도 함)는 다른 용도로 사용됩니다. 이름에서 짐작할 수 있듯이 앵커는 페이지에 특정 지점에 방문자를 끌어들이는 링크를 설정할 때 브라우저가 착륙 할 위치를 알려주는 보이지 않는 플래그를 페이지에 만듭니다. 앵커는 다음과 같습니다.



일반적으로 앵커는 여는 태그와 닫는 태그 사이에 텍스트를 보유하지 않습니다. 단순히 페이지에 지점을 표시하기 때문입니다. 방문자가 다른 페이지의 페이지에서이 지점으로 이동할 수있는 링크를 만들려면 다음과 같은 하이퍼 링크를 만들 수 있습니다.

게시물 섹션 방문

링크 내의 '#'은 브라우저에 명명 된 앵커에 링크하고 있음을 알려줍니다. 방문자를 동일한 페이지의 다른 섹션으로 이동할 수있는 하이퍼 링크를 만들려면 다음과 같이됩니다.

게시물 섹션 방문

하이퍼 링크의 또 다른 중요한 부분은 'target'속성입니다. 브라우저에 대상 페이지를 표시하는 방법을 알려줍니다. 'target = "_ blank",' 'target = "_ self"및'target = "_ top"의 세 가지 기본 옵션이 있습니다.

'_blank'인수는 링크 된 페이지를 새 창에서 엽니 다. 방문자가 사이트에서 위치를 잃지 않고 새 사이트를 통해 마음의 내용을 탐색 할 수 있으므로 외부 사이트에 연결할 때 특히 유용합니다. 방문자는 종종 문서를 마치면 자동으로 문서를 닫을 수 있으므로 PDF와 같은 문서를 새 창에서 여는 것이 가장 좋습니다.

'_self'인수는 링크 된 페이지가 기존 브라우저 창에서 현재 페이지를 대체하게합니다. 사이트 내 링크에 가장 적합합니다. 그렇지 않으면 귀하의 사이트를 통해 많은 브라우징을하는 방문자는 많은 열린 창으로 끝나게되어 매우 성 가실 수 있습니다! 이는 'target'속성의 기본 인수이므로 대상을 지정하지 않으면 링크는 항상 기존 브라우저 창을 사용합니다.

'_top'인수는 일반적으로 프레임 세트 웹 사이트에서 사용되며 프레임 세트의 어느 부분이 원래 링크를 보유하고 있는지 새 페이지를 단순히로드하는 대신 브라우저가 전체 프레임 세트를 덮어 쓰도록 지시합니다.

비디오 지침: HTML5 - 10 이미지맵 사용하기, old is but goodies (할 수있다 2024).