웹사이트의 다양한 HTML 문서는 하이퍼링크로 서로 연결되어 일관성 있는 웹사이트를 형성합니다. 사용자는 하이퍼링크를 클릭하여 탐색하려는 페이지로 이동할 수 있습니다. 따라서 하이퍼링크는 어느 웹사이트에서나 볼 수 있으며, 웹사이트를 하나의 전체로 연결하는 핵심 요소입니다.
앵커 배열
HTML 하이퍼링크는 <a> 태그를 앵커로 사용하여 실행됩니다. 텍스트, 단어, 문장, 이미지 또는 모양이 될 수 있습니다. 마우스가 앵커 포인트가 있는 캐리어로 이동하면 마우스가 작은 손 모양으로 바뀌어 사용자가 클릭할 수 있음을 나타냅니다. 사용자가 앵커 포인트를 클릭하면 <의 href에 해당하는 주소로 이동합니다. ;a>
점프 속성 사용
HTML 링크에서 일반적으로 페이지 점프를 위해 다른 문서에 대한 링크를 생성하려면 href 속성을 사용합니다. 이는 매우 흔한 일이므로 다시 설명하지 않겠습니다.
문서 내부에 책갈피를 생성하려면 이름 속성을 사용하여 하이퍼링크를 통해 문서 내 페이지의 특정 부분으로 이동할 수 있습니다. 예를 들어 <a name="dian1″></a>을 설정하여 페이지 중앙에 배치합니다. 그런 다음 <a href="#dian1″> 페이지 중앙으로 이동 </a> 사용자가 페이지 헤드에서 이 앵커 포인트를 클릭하면 페이지가 스크롤되어 이름 북마크로 이동합니다. 위치는 페이지 중앙에 있습니다.
HTML 링크 구문
HTML 링크 코드는 사용이 매우 간단합니다. 예:
<a href="url">Anchor text link</a>
href 속성은 사용 점프 대상을 설정하기 위해 시작 태그와 끝 태그 사이의 텍스트가 하이퍼링크로 표시됩니다.
HTML 링크의 target 속성
target 속성은 앵커 텍스트를 클릭한 후 페이지가 열리는 방식을 설정할 수 있습니다. 특수 문서 리디렉션 작업에 사용되는 네 가지 예약된 대상 이름이 있습니다:
_blank
브라우저는 항상 새로 열린 이름 없는 창에 대상 문서를 로드합니다.
_self
이 대상의 값은 대상을 지정하지 않는 모든 <a> 태그의 기본 대상이므로 대상 문서가 동일한 프레임에 로드되고 표시됩니다. 또는 창을 소스 문서로 사용합니다. 이 대상은 문서 제목의 <base> 태그에 있는 대상 속성과 함께 사용되지 않는 한 중복되고 불필요합니다.
_parent
이 대상은 하이퍼링크에서 참조하는 프레임이 포함된 상위 창이나 프레임세트에 문서가 로드되도록 합니다. 이 참조가 창이나 최상위 프레임에 있으면 target _self와 동일합니다.
_top
이 목표는 문서가 하이퍼링크가 포함된 창에 로드되도록 합니다. _top 목표를 사용하면 포함된 모든 프레임이 지워지고 문서가 전체 브라우저 창에 로드됩니다. 일반적으로 iframe 프레임에서 앵커 포인트를 클릭할 때 사용됩니다. 대상 링크는 iframe에 로드되지 않고 현재 페이지에서 직접 열립니다.
HTML 연결 - id 속성
id 속성은 HTML 문서에서 북마크 태그를 생성하는 데 사용할 수 있습니다.
팁: 북마크는 특별한 방법으로 표시되지 않으며 HTML 문서에도 표시되지 않으므로 독자에게 숨겨집니다.
예
HTML 문서에 ID 삽입:
<a id="tips">유용한 팁 섹션</a>
HTML 문서의 "유용한 팁 섹션(id="tips")"에 대한 링크 만들기:
<a href="#tips"> ;/a>
또는 다른 페이지에서 "유용한 팁 섹션(id="tips")"에 대한 링크를 만드세요:
<a href= "http://www.php.cn/html/html-links.html#tips">
유용한 팁 섹션 방문</a>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<a href="http://www.php.cn/" target="_blank">php中文网!</a>
<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
</body>
</html>
다음 섹션