Ký tự liên kết trên trang web rất hữu ích nếu bạn muốn các bài viết trên trang web của mình có sự chuyển đổi thuận tiện giữa các mục trong danh sách. Chúng chuyển trang đến điểm mong muốn hoặc mở trang mong muốn, giúp người dùng nhanh chóng tìm thấy thông tin mình cần.
Nếu bạn đang viết trang web của riêng mình, bạn nên nghĩ về cách làm cho việc điều hướng trang web của bạn thuận tiện hơn. Để người dùng không phải tìm kiếm thông tin anh ta cần trong số tất cả các trang của trang web của bạn, tốt nhất là sử dụng kỹ thuật "neo". Nó sẽ tạo ra một liên kết đến bất kỳ thông tin hoặc tài liệu nào ở bất kỳ đâu trên trang web của bạn.
Học thuyết
Để tạo một mỏ neo, bạn cần hai yếu tố:
- Một phần của mã, cho biết liên kết đến neo của chúng tôi, được để lại trong một phần khác của trang web.
- Bất kỳ phần nào của mã trong đó có thể chỉ định số nhận dạng đều là mỏ neo của chúng tôi.
Trước tiên, bạn cần tạo phần đầu tiên của anchor - một liên kết đến nó. Một liên kết neo có hai phần: một liên kết trang và một liên kết neo.
- Tạo thẻ "a" hoặc bất kỳ thẻ nào khác hỗ trợ thuộc tính "href"
- Trong thẻ này, hãy tạo thuộc tính "href"
- Chỉ định một liên kết đến trang web trong giá trị thuộc tính.
- Sau liên kết, chỉ ra liên kết đến neo bằng ký hiệu "#" và bất kỳ tên nào cho neo (được viết cùng nhau, ví dụ: "#anchor")
Nếu bạn bỏ qua điểm 3 và không chỉ định liên kết đến trang của trang web, thì anchor sẽ được tìm kiếm trên trang hiện tại. Nghĩa là, nếu bạn muốn tạo liên kết đến một liên kết nằm trên cùng một trang, bạn có thể bỏ qua liên kết đến chính trang đó.
Nó vẫn còn để tạo phần thứ hai của anchor - mã định danh. Nó đề cập đến bất kỳ thẻ nào trong mã trang web hỗ trợ thuộc tính id. Để tạo một mỏ neo, bạn cần:
- Tạo thuộc tính "id" trong thẻ bắt buộc.
- Trong thuộc tính "id", chỉ định giá trị của tên liên kết đã được chỉ định ở bước trước. (thí dụ:)
Sau hai bước này, một liên kết xuất hiện trên trang web sẽ đưa bạn đến anchor được chỉ định.
Thực hành
Hãy xem xét cách tạo một neo bằng một ví dụ cụ thể.
Chúng tôi có một trang đơn giản như thế này:
Chúng tôi có văn bản ở đầu và cuối trang, rất nhiều thẻ "br" tạo khoảng cách giữa các văn bản. Chúng ta cần tạo một anchor để chúng ta có thể nhanh chóng nhìn vào văn bản ở phía dưới.
Để thực hiện việc này, hãy tạo một thẻ mới - "a" sau dòng chữ "văn bản ở trên cùng". Trong đó, chúng tôi tạo thuộc tính "href". Để làm cho việc neo thuận tiện hơn, chúng tôi sẽ viết "xuống" trong liên kết.
Bây giờ chúng ta chỉ định giá trị "#yakor" trong thuộc tính - đây sẽ là một liên kết đến tên của anchor.
Phần đầu tiên của neo - liên kết đến nó - đã sẵn sàng. Bây giờ tất cả những gì còn lại là tạo ra chính neo. Chúng tôi chuyển đến phần mong muốn của trang. Trong trường hợp này, nó là "văn bản ở dưới cùng". Vì đây là văn bản đơn giản không có thẻ nên chúng ta cần tạo nó. Để thực hiện việc này, hãy đặt văn bản trong một "đoạn văn" - thẻ "p".
Trong thẻ này, chúng tôi tạo thuộc tính "id" và nhập giá trị "yakor" vào đó. Giá trị "yakor" khớp với tên liên kết đã được chỉ định trong liên kết.
Bây giờ mỏ neo của chúng tôi đang hoạt động như bình thường.
