반응형
페이지의 일부에 어떻게 링크합니까? (해시시?)
<a>
브라우저가 상단이 아닌 대상 페이지의 특정 하위 제목으로 이동하도록 (와 )을 어떻게 연결 합니까?
<a name="foo">
태그 또는 태그 가있는 태그 id
(예 : <div id="foo"
>)가 있으면 #foo
URL에 간단히 추가 할 수 있습니다 . 그렇지 않으면 페이지의 일부에 임의로 링크 할 수 없습니다.
다음은 완전한 예입니다. <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
반응형
'Programing' 카테고리의 다른 글
웹앱에서 모바일 카메라에 액세스하는 방법은 무엇입니까? (0) | 2020.05.22 |
---|---|
스크립트 자체 내에서 전체 셸 스크립트의 출력을 어떻게 리디렉션합니까? (0) | 2020.05.22 |
마크 다운에 두 개의 빈 줄 만들기 (0) | 2020.05.22 |
UITableViewCell에 UITextField 사용 (0) | 2020.05.22 |
JavaScript에서 부울 조건과 일치하는 배열의 첫 번째 요소를 찾는 방법은 무엇입니까? (0) | 2020.05.22 |