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="//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.
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.
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.
2. Lấy tên bạn đã chọn và chèn nó vào thẻ liên kết neo HTML mở.HTML anchor link tag.
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.
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.)