Programing

페이지의 일부에 어떻게 링크합니까?

lottogame 2020. 5. 22. 08:07
반응형

페이지의 일부에 어떻게 링크합니까? (해시시?)


<a>브라우저가 상단이 아닌 대상 페이지의 특정 하위 제목으로 이동하도록 (와 )을 어떻게 연결 합니까?


<a name="foo">태그 또는 태그 가있는 태그 id(예 : <div id="foo">)가 있으면 #fooURL에 간단히 추가 할 수 있습니다 . 그렇지 않으면 페이지의 일부에 임의로 링크 할 수 없습니다.

다음은 완전한 예입니다. <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

동일한 페이지의 컨텐츠 연결 예 : <a href="#foo">Jump to #foo on same page</a>


앵커와 해시를 사용합니다. 예를 들면 다음과 같습니다.

링크의 대상 :

 <a name="name_of_target">Content</a>

대상에 연결 :

 <a href="#name_of_target">Link Text</a>

또는 다른 페이지에서 링크하는 경우 :

 <a href="http://path/to/page/#name_of_target">Link Text</a>

URL에 요소의 ID가있는 해시를 추가하십시오. 예 :

<div id="about"></div>

http://mysite.com/#about

따라서 링크는 다음과 같습니다.

<a href="http://mysite.com/#about">About</a>

아니면 그냥

<a href="#about">About</a>

방법은 다음과 같습니다.

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>

두 가지 옵션이 있습니다.

다음과 같이 문서에 앵커를 넣을 수 있습니다.

<a name="ref"></a>

또는 다른 HTML 요소에 ID를 부여하십시오.

<h1 id="ref">Heading</h1>

그런 다음 #ref링크의 URL에 해시 추가 하여 원하는 참조로 이동하십시오. 예:

<a href="document.html#ref">Jump to ref in document.html</a>

참고 URL : https://stackoverflow.com/questions/2835140/how-do-i-link-to-part-of-a-page-hash

반응형