Bài viết này nêu hướng dẫn về liên kết nội bộ:
Liên kết nội bộ HTML là gì?
Liên kết nội bộ HTML là các siêu liên kết được tạo để cho phép người dùng điều hướng qua các phần khác nhau của trang web. Người dùng khi tương tác với một liên kết nội bộ, trình duyệt sẽ di chuyển màn hình đến phần được chỉ định của trang web. Nó giúp điều hướng người dùng, đặc biệt nếu có một trang web hoặc blog dài một trang.
Hãy để chúng tôi xem qua một ví dụ đơn giản để hiểu về các liên kết nội bộ:
Ví dụ: Sử dụng Liên kết nội bộ làm Bộ điều hướng
Để hiểu hoạt động của các liên kết nội bộ, các nút điều hướng có thể được sử dụng. Chẳng hạn, hai nút điều hướng và nội dung giả đã được tạo trong phần trình diễn này:
< div >
< h2 nhận dạng = 'phần một' > Phần một < / h2 >
< P > Chào mừng đến với Nội dung Phần thứ nhất. < / P >
< h2 nhận dạng = 'phần hai' > Phần hai < / h2 >
< P > Tuyệt vời! Bạn đã đạt đến Phần thứ hai của Nội dung < / P >
< / div >
Trong đoạn mã trên:
- Đầu tiên, hai “ ” thẻ được sử dụng để tạo hai tiêu đề/phần của trang web. Những cái này ' h2 ” phần tử giữ giá trị của “ phần một ' Và ' phần hai ” được gán cho “ nhận dạng ” thuộc tính tương ứng.
- Tiếp theo, phần “ ” các thẻ được sử dụng để chứa nội dung cho mỗi thẻ “ ' nhãn.
Giờ đây, các nút điều hướng được sử dụng đối với các liên kết nội bộ. Các nút này được tạo bằng cách sử dụng dòng mã sau:
< u >< cái đó >< Một href = '#phần một' >Phần một< / Một >< / cái đó >
< cái đó >< Một href = '#phần hai' >Phần hai< / Một >< / cái đó >
< / u >
Trong đoạn mã trên:
- Đầu tiên '
- Tiếp theo, mỏ neo “ ” thẻ được sử dụng và cung cấp dữ liệu giả cho mỗi thẻ “ <đó> ' nhãn.
- Sau đó, đặt giá trị của “ href ” thuộc tính của cả hai “ ” gắn thẻ vào “ phần một ' Và ' phần hai id id. Nhiệm vụ này của “ nhận dạng ” các giá trị tạo ra một liên kết nội bộ.
Sau khi thực hiện các khối mã trên, trang web hoạt động như sau:
Ảnh gif trên minh họa hoạt động của các liên kết nội bộ trên trang web.
Phần kết luận
Liên kết nội bộ HTML là các siêu liên kết được tạo để cho phép người dùng điều hướng qua các phần khác nhau của trang web. Để tạo liên kết nội bộ, hãy chuyển id của phần tử HTML gốc. Và cung cấp id này làm giá trị cho “ href ” thuộc tính được cung cấp bởi HTML anchor “ ' yếu tố. Cái này ' ” phần tử có thể được sử dụng bên trong thanh điều hướng hoặc bất kỳ đâu trên trang web hoạt động như một bộ điều hướng. Bài viết này đã chứng minh một ví dụ thực tế về liên kết nội bộ HTML.