Nhận liên kết để đi đến một phần cụ thể trên một trang khác

Question

Điều này có vẻ giống như một câu hỏi cơ bản khủng khiếp, vì vậy hy vọng ai đó có thể giúp lập trình buồn ngủ này. Tôi có một liên kết trên một trang mà cần phải đi đến một trang khác, nhưng tải đến một phần cụ thể trên trang khác đó.

Tôi đã làm điều này trước khi với bootstrap nhưng họ mất tất cả các 'mã hóa' ra khỏi nó, vì vậy tôi cần phải biết làm thế nào để làm từ đầu. Dưới đây là đánh dấu tôi đã dựa vào liên kết này (không phải là nguồn lực tốt nhất, tôi biết): 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> 

Tôi có thể làm được điều này chỉ với html, hay tôi cần một số javascript. Nếu tôi cần phải làm điều đó thông qua js, nó cần phải được trên trang mục tiêu phải không?

Answer 1

Tôi tin rằng ví dụ bạn đã đăng đang sử dụng HTML5, which allows you to chuyển đến bất kỳ phần tử DOM nào có thuộc tính phù hợp với ID. Để hỗ trợ các trình duyệt cũ, bạn sẽ cần phải thay đổi:

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

để định dạng cũ:

<a name="timeline" /> 

Sau đó bạn sẽ có thể điều hướng đến /academics/page.html#timeline và nhảy ngay đến phần đó.

Ngoài ra, hãy xem similar question này.

Answer 2

Tôi đã thử câu trả lời ở trên - sử dụng page.html#ID_name nó đã cho tôi trang 404 không tồn tại lỗi.

Sau đó thay vì sử dụng .html, tôi chỉ cần đặt dấu gạch chéo / trước # và hoạt động tốt. Vì vậy, ví dụ của tôi trên trang gửi giữa các thẻ liên kết trông giống như:

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

Chỉ cần sử dụng / thay vì .html.

Answer 3

Hiii

bạn có thể chỉ cần sử dụng

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

để liên kết đến một phần/id của trang khác bằng cách

Answer 4

Để liên kết từ một trang đến phần khác chỉ cần sử dụng

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