다른 페이지의 특정 섹션으로 이동하는 링크 받기

Question

이것은 매우 기본적인 질문처럼 보입니다. 누군가가이 졸린 코더를 도울 수 있기를 바랍니다. 한 페이지에 다른 페이지로 이동해야하지만 다른 페이지의 특정 섹션에로드해야하는 링크가 있습니다.

나는 이것을 부트 스트랩으로 수행했지만 모든 코딩 작업을 끝내기 때문에 처음부터 어떻게해야하는지 알 필요가있다. http://www.w3schools.com/html/html_links.asp

**Page One** 
<a href="/academics/page.html#timeline> Click here </a> 
**Page I am linking to** 
<div id="timeline" name="timeline"> ... </div> 

난 그냥 html로이 작업을 수행 할 수 있습니다, 또는 좀 자바 스크립트를 필요합니까 : 여기이 링크를 기반으로 한 마크 업입니다 (안 최고의 자원, 나는 알고있다). js를 통해이 작업을 수행해야한다면 대상 페이지에 있어야합니다.

Answer 1

내가 게시 한 예가 HTML5, which allows you to이 DOM 요소와 일치하여 ID 속성으로 이동한다고 생각합니다. 이전 버전의 브라우저를 지원하기 위해, 당신은 변경해야합니다 :

<div id="timeline" name="timeline" ...> 

을 이전 형식에 : 당신은 다음 /academics/page.html#timeline로 이동하여 해당 섹션으로 바로 이동할 수 있습니다

<a name="timeline" /> 

.

또한 similar question을 확인하십시오.

Answer 2

위의 대답을 시도했습니다 - page.html#ID_name을 사용하여 404 페이지가 존재하지 않습니다. 오류가 발생했습니다.

.html을 사용하는 대신 # 앞에 슬래시 /을 붙이면 정상적으로 작동합니다.

이

<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a> 

그냥 / 대신 .html 사용 : 같은 링크 태그 사이에 전송 페이지 내 예를 보인다. 단지 사용

Answer 3

제 HⅢ

당신은 단순히 다른 섹션에 페이지에서 링크를

<a href="directry/filename.html#section5" >click me</a> 

이

Answer 4

하여 다른 페이지의 섹션/ID에 연결하는 데 사용할 수있는

<a href="index.php#firstdiv">my first div</a>