Anchor link - Liên kết neo và ứng dụng tạo nút cuộn trang

Trên website Anchor link (liên kết neo) được ứng dụng rất nhiều bởi vì đây là một kỹ thuật đơn giản nhưng hữu dụng trong thực tế.

Anchor link dùng để:

• Tạo nút cuộn trang (không cần dùng đến script).
• Tăng cường SEO.
• Tạo mục lục.
• Tạo thanh điều hướng ở đầu trang (Một kỹ thuật tạo one-page site).

Để tạo một nút liên kết neo, bạn đơn giản chỉ gắn link với #id-vung-chua. Nghĩa là bạn chỉ cần tạo ID cho vùng chứa, sau đó gắn link liên kết bắt đầu bằng #.

Ngoài ra, để có hiệu ứng cuộn trang mượt mà, bạn có thể thêm CSS sau vào block HTML khi thiết kế.

<style>
html {
scroll-behavior: smooth
}
</style>

Chi tiết bạn xem video đính kèm!

Kỹ năng - Xây dựng website #blueky #xaydungwebsite