Hướng dẫn how do i open a web page on the same page in html? - làm cách nào để mở một trang web trên cùng một trang trong html?

Cập nhật: 07/31/2022 bởi07/31/2022 by

Hướng dẫn how do i open a web page on the same page in html? - làm cách nào để mở một trang web trên cùng một trang trong html?

Các siêu liên kết được sử dụng bởi một trình duyệt web để chuyển từ trang này sang trang khác. Tuy nhiên, bạn cũng có thể di chuyển đến một khu vực khác trên cùng một trang. Các phần sau đây chỉ cho bạn cách liên kết đến phần trên, dưới hoặc một phần cụ thể trên trang web. Chọn một phương thức từ danh sách sau hoặc khám phá cả hai tùy chọn.

Ghi chú

Ngày nay, tất cả các trình duyệt vẫn nhận ra "#" là một cách khả thi để di chuyển lên trên cùng hoặc dưới cùng của một trang. Tuy nhiên, phương pháp này không được chấp nhận và có thể không hoạt động trong các phiên bản tương lai của HTML. Chúng tôi đề nghị sử dụng phương thức ID thay vì nó hiện tại và linh hoạt hơn.

Sử dụng #TOP hoặc #BOTTOM

Các ví dụ sau sử dụng #TOP và #BOTTOM với thuộc tính TAG và HREF để liên kết đến phần đó của trang. Phương pháp này tương tự như sử dụng "id", nhưng bạn không phải chọn một yếu tố cụ thể. Nhấp vào "Top" hoặc "Dưới" trong phần Kết quả để xem điều gì sẽ xảy ra.

Ví dụ

<a href="#top">Top</a>
<a href="#bottom">Bottom</a>

Kết quả

Đứng đầu

Đáy

Sử dụng bộ chọn ID

Trong CSS, "ID" là một bộ chọn được sử dụng để chỉ định một khu vực mà một liên kết nên trỏ đến, tương tự như neo trong HTML. Điều tuyệt vời khi sử dụng ID là bạn có thể tạo một liên kết đến bất kỳ yếu tố nào trên trang, thay vì chỉ trên cùng hoặc dưới cùng. Trong các phần sau, chúng tôi chỉ cho bạn cách áp dụng ID vào thẻ HTML và sau đó làm thế nào để liên kết với nó. Hai ví dụ sau đây liên kết đến đoạn mở đầu ở đầu trang này.

Sử dụng bộ chọn #ID

<p id="opening">Hyperlinks are utilized by a web browser to move from one page to another...</p>

Tạo một liên kết đến bộ chọn

<a href="#opening">Take me to the opening paragraph.</a>

Kết quả

Đưa tôi đến đoạn mở đầu.

Sử dụng bộ chọn #ID từ trang khác

Bạn cũng có thể nhảy đến một phần cụ thể của một trang web khác bằng cách thêm #Selector vào URL của trang.#selector to the page's URL.

<a href="https://www.computerhope.com/issues/ch000049.htm#opening">Take me to the opening paragraph.</a>

Kết quả

Đưa tôi đến đoạn mở đầu.

Sử dụng bộ chọn #ID từ trang khác

Bạn cũng có thể nhảy đến một phần cụ thể của một trang web khác bằng cách thêm #Selector vào URL của trang.

<!DOCTYPE html>
<html>  <head>   <title>Example Internal Links</title>  </head>  <body>   <h3>Example Internal Links</h3>   <p><a href="#bottom">Bottom</a></p>   <p id="opening">Here is an introductory paragraph with the selector 'opening' attached to it.</p>   <p>A lot of text that causes scrolling goes here.</p>   <p><a href="#opening">Jump to opening</a></p>   <p><a href="#top">Top</a></p>  </body> </html>

Khi hầu hết mọi người nghĩ về các siêu liên kết, họ nghĩ đến việc kết nối hai trang web khác nhau - chẳng hạn như một blog và trang đích - cùng nhau. Nhưng đó không phải là tất cả các siêu liên kết đều có thể làm, họ cũng có thể liên kết để nhảy đến một phần cụ thể của một trang.

Hướng dẫn how do i open a web page on the same page in html? - làm cách nào để mở một trang web trên cùng một trang trong html?

Vì vậy, hãy nhớ rằng thuật ngữ thực sự đầy đủ mà bạn tập hợp với các điều khoản trong ngành mà khán giả của bạn nên biết? Bây giờ, khi bạn đề cập đến một cái gì đó bạn đã nói ở nơi khác trong bài viết đó, bạn thực sự có thể liên kết với nó - giúp khán giả của bạn dễ dàng tìm ra cái quái gì bạn đang nói. Bạn muốn xem ý tôi là gì? Chỉ cần bấm vào đây.

Hướng dẫn how do i open a web page on the same page in html? - làm cách nào để mở một trang web trên cùng một trang trong html?

Khá tuyệt, phải không? Phần tốt nhất về tất cả là nó rất dễ dàng để tự làm, ngay cả khi bạn không có kiến ​​thức HTML rộng rãi. Nếu HTML-speak cảm thấy khó hiểu, chỉ cần làm theo cùng với các ví dụ trong thế giới thực bên dưới.

Lưu ý: Nếu bạn là khách hàng HubSpot, hãy làm theo các hướng dẫn này.follow these instructions.

Cho phép mọi người "nhảy" một cách hiệu quả đến một phần nhất định của trang web có thể giúp doanh nghiệp của bạn phát triển tốt hơn và làm cho nội dung của bạn thuận tiện hơn cho khách truy cập vào trang web của bạn - nhưng bạn phải đảm bảo rằng bạn làm mọi thứ vừa phải. Đây là cách thêm các liên kết nhảy vào nội dung của bạn, từng bước.

1. Đặt tên cho đối tượng hoặc văn bản bạn muốn liên kết đến.

Trong một kịch bản liên kết bình thường, bất cứ điều gì bạn cần liên kết để có một URL của riêng nó. Tuy nhiên, trong kịch bản này, bạn không liên kết với một trang mới với URL của riêng nó - vì vậy bạn phải tạo ra một tên cho điểm đến của liên kết.

Tôi khuyên bạn nên sử dụng một từ hoặc cụm từ mô tả đích của liên kết. Nếu bạn sử dụng một cụm từ, hãy sử dụng nhấn mạnh giữa mỗi từ thay vì khoảng trống, nếu không mã sẽ không hoạt động.

Thí dụ

Giả sử chúng tôi muốn liên kết đến một ví dụ về một công ty sử dụng quảng cáo Facebook trong một bài đăng. Đây là những gì tôi sẽ sử dụng làm tên của đối tượng của tôi:

facebook_ads_example

Bây giờ, vào bước tiếp theo.

Nói cách khác, thay thế phần màu đỏ của thẻ bên dưới bằng tên bạn đã chọn trong bước trước:

2. Lấy tên bạn đã chọn và chèn nó vào thẻ liên kết neo HTML mở.INSERT_YOUR_OBJECT_NAME_HERE">

Thí dụ

 

<a id="facebook_ads_example">

Giả sử chúng tôi muốn liên kết đến một ví dụ về một công ty sử dụng quảng cáo Facebook trong một bài đăng. Đây là những gì tôi sẽ sử dụng làm tên của đối tượng của tôi:

Bây giờ, vào bước tiếp theo.

2. Lấy tên bạn đã chọn và chèn nó vào thẻ liên kết neo HTML mở.The object you want to link to.

Thí dụ

 

<a id="facebook_ads_example">This is the Facebook ad example I want to link to.</a>

Giả sử chúng tôi muốn liên kết đến một ví dụ về một công ty sử dụng quảng cáo Facebook trong một bài đăng. Đây là những gì tôi sẽ sử dụng làm tên của đối tượng của tôi:

Bây giờ, vào bước tiếp theo.

2. Lấy tên bạn đã chọn và chèn nó vào thẻ liên kết neo HTML mở.a href="#INSERT_YOUR_OBJECT_NAME_HERE">Click here to see the content below.a>

Thí dụ

 

<a href="#facebook_ads_example">Click here to see an example of how a company uses Facebook ads.</a>

Giả sử chúng tôi muốn liên kết đến một ví dụ về một công ty sử dụng quảng cáo Facebook trong một bài đăng. Đây là những gì tôi sẽ sử dụng làm tên của đối tượng của tôi:

Bây giờ, vào bước tiếp theo. to go back to where you left off.)

Hướng dẫn how do i open a web page on the same page in html? - làm cách nào để mở một trang web trên cùng một trang trong html?

 

Hướng dẫn how do i open a web page on the same page in html? - làm cách nào để mở một trang web trên cùng một trang trong html?

Làm cách nào để liên kết đến một phần trên cùng một trang trong HTML?

Lấy tên bạn đã chọn và chèn nó vào thẻ liên kết neo HTML mở. ....
Đặt thẻ mở hoàn chỉnh từ phía trên trước văn bản hoặc đối tượng bạn muốn liên kết đến và thêm thẻ đóng sau. ....
Tạo siêu liên kết sẽ đưa bạn đến văn bản hoặc đối tượng đó ..

Làm cách nào để mở URL trên cùng một trang?

Trong HTML, TAG được sử dụng để mở URL trên cửa sổ của trình duyệt.Thuộc tính HREF cho phép thêm một siêu liên kết vào thẻ và chuyển hướng một trang này sang trang khác.Theo mặc định, URL được mở trong cùng một cửa sổ.Vì vậy, bạn không cần xác định bất kỳ thuộc tính nào trong thẻ để mở URL trong cùng một tab hoặc cửa sổ. tag is used to open URL on browser's window. The href attribute allows to add a hyperlink to the tag and redirect one page to another. By default, the URL is opened in the same window. So, you don't need to define any attribute in tag to open URL in the same tab or window.

Làm thế nào để bạn liên kết các trang web với nhau trong HTML?

Làm cách nào để liên kết đến một phần tử trên cùng một trang?

Liên kết với một phần tử trên cùng một trang Lưu ý: Bạn có thể sử dụng href = "#top" hoặc đoạn trống (href = "#") để liên kết đến đầu trang hiện tại, như được định nghĩa trong đặc tả HTML.use href="#top" or the empty fragment ( href="#" ) to link to the top of the current page, as defined in the HTML specification.