Hướng dẫn cho người mới bắt đầu để thêm các liên kết nội bộ trong HTML

Sử dụng Thẻ thuộc tính ID để tạo dấu trang

Khi bạn đang làm việc trên một tài liệu HTML và bạn muốn người dùng có thể nhấp vào một chủ đề và ngay lập tức được chuyển đến một vị trí được đánh dấu trong tài liệu, các thẻ thuộc tính ID có ích. Điều này thường xảy ra khi bạn liệt kê một loạt các chủ đề ở đầu bài viết và sau đó liên kết từng chủ đề với một phần liên quan hơn nữa trên trang web.

Tài liệu HTML thường bao gồm các liên kết bên ngoài tới các tài liệu khác, nhưng chúng cũng có thể bao gồm các liên kết trong một tài liệu. Nhấp vào một thẻ sẽ chuyển người đọc đến một phần được đánh dấu cụ thể trên trang web. Cuối cùng, có thể liên kết đến các vị trí pixel chính xác trong tài liệu, nhưng hiện tại, bạn có thể sử dụng thẻ ID để tạo liên kết và vị trí trong tài liệu. Sau đó sử dụng href để đến đó. Một thẻ xác định đích và thẻ thứ hai xác định liên kết đến đích.

Lưu ý: HTML 4 và các phiên bản cũ hơn đã sử dụng Thuộc tính tên để tạo liên kết nội bộ. HTML 5 không hỗ trợ thuộc tính name, vì vậy thuộc tính ID được sử dụng thay thế.

Trong tài liệu, quyết định nơi bạn muốn các liên kết bên trong đi. Bạn gắn nhãn chúng bằng cách sử dụng thẻ neo với thuộc tính id . Ví dụ:

Tiếp theo, bạn tạo liên kết đến phần tài liệu bằng cách sử dụng thẻ neo và thuộc tính href. Bạn cho biết khu vực được đặt tên bằng #.

Bí quyết là đảm bảo rằng bạn đặt xung quanh văn bản hoặc hình ảnh.

Nhiều lần bạn thấy mọi người sử dụng các liên kết này mà không bao quanh bất kỳ thứ gì, nhưng điều này không đáng tin cậy như một liên kết bao quanh một từ hoặc hình ảnh. Nhiều trình duyệt thích có một số phần tử ở vị trí trên cùng của màn hình; khi bạn gửi kèm, bạn sẽ gặp rủi ro khi trình duyệt bị nhầm lẫn.

Liên kết để trở lại đầu trang web

Khi bạn muốn thêm một liên kết ở dưới cùng trong một trang web để đưa người xem trở lại đầu trang, liên kết nội bộ rất đơn giản để thiết lập. Trong HTML, thẻ xác định một liên kết. href = theo sau là URL của liên kết đích trong các trích dẫn (hoặc một URL rút ngắn nếu liên kết nằm trong cùng một tài liệu), và sau đó là văn bản liên kết được hiển thị trên trang web. Nhấp vào văn bản liên kết sẽ gửi bạn đến địa chỉ được chỉ định. Sử dụng cú pháp này: