Làm thế nào để gán đúng và sử dụng anchor HTML?

Chủ đề hôm nay để thảo luận sẽ là anchor HTML. Phần tử này cho phép chuyển đổi nhanh cả bên trong trang và trong các tài liệu bên ngoài. Các neo thường được các nhà phát triển web sử dụng. Bởi vì chúng giúp tổ chức một trang web thuận tiện cho độc giả. Bài viết sẽ cung cấp mô tả chi tiết về yếu tố này và các ví dụ về sử dụng có hiệu quả.

Mô tả

Một anchor HTML là một loại trang đánh dấu duy nhất cho một trang web. Nó luôn có tên cá nhân riêng của mình, không nên lặp lại trên một trang. Mục đích chính của neo là nhanh chóng nhảy từ một phần của tài liệu sang một vị trí khác, đến một vị trí cụ thể. Đặc biệt có hiệu quả yếu tố này mang lại, khi trang web lớn. Do đó, người dùng không thoải mái khi đọc nội dung của trang web. Và anchor trên trang HTML cho phép chuyển đổi nhanh chóng.

Chuyển nhượng

Để tạo một dấu trang trên một trang, bạn có thể sử dụng hai phương pháp khác nhau. Đầu tiên là sử dụng thuộc tính Name, và trong trường hợp thứ hai, bạn cần sử dụng thuộc tính ID. Tiếp theo, chúng ta sẽ xem xét từng phương pháp một cách riêng biệt. Quá trình chuyển đổi trong cả hai trường hợp xảy ra bằng cách sử dụng thẻ "a", thuộc tính chứa tên hoặc số nhận dạng. Ví dụ: "a href = http: // trang / bài báo / 106223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. Biểu tượng # cho trình duyệt biết rằng liên kết sẽ neo.

Tên

Thuộc tính Name đã được tạo ra đặc biệt để tạo một anchor trên trang. Giá trị của nó có thể là bất kỳ văn bản nào. Nối HTML này chỉ có thể được sử dụng kết hợp với thẻ "a".

Ví dụ: bạn muốn tạo dấu trang ở cuối trang. Bạn cần đặt thẻ "a name =" footer "" / a "vào phần mong muốn của tài liệu web. Trong một khu vực khác của trang, bạn sẽ phải tạo một liên kết tới anchor, vì điều này, thêm mục "a href = http: // site / article / 106223 /% E2% 80% 9D # footer". Khi bạn nhấp vào mục này, trình duyệt sẽ tự động đưa bạn đến phần của tài liệu nơi tab Chân trang được đặt.

ID

Trước hết, cần nhắc đến ID đó là một định danh không có mục đích trực tiếp để tạo ra các neo. Nhưng nó cho phép bạn tạo dấu trang trên toàn bộ vùng tài liệu mà không cần tạo liên kết bổ sung. Tức là, bạn có thể áp dụng thuộc tính ID cho bất kỳ phần tử HTML nào. Và sau đó, sử dụng thẻ "a", hãy tham khảo nó. Đây là một ví dụ: phần tử "p" ở giữa tài liệu. Để truy cập nó từ đầu trang mà không sử dụng thanh cuộn, thêm thuộc tính ID: "p id =" centr "" "/ p". Sau đó tạo liên kết: "a href = http: // site / article / 106223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2Fa% C2% BB. Do đó, chúng tôi có thể truy cập nhanh vào bất kỳ phần nào của tài liệu. Giá trị của thuộc tính ID có thể là bất kỳ văn bản nào.

Sử dụng hiệu quả

Trong HTML, liên kết anchor thường được sử dụng để xây dựng chuyển hướng tài liệu. Ví dụ, một trang có một số lượng lớn các thông tin văn bản, mà lần lượt được chia thành các đoạn riêng biệt hoặc các chương. Để thuận tiện cho khách truy cập sử dụng trang web, bạn phải chỉ định dấu trang để nhanh chóng chuyển sang một phần riêng của tài liệu. Để làm điều này, trong mỗi chương, chúng ta tạo một liên kết anchor, hoặc sử dụng các ID. Và từ trên xuống, chúng ta sẽ tạo một thanh điều hướng với nội dung của tất cả các liên kết. Thú vị là thực tế là các neo có thể được tham chiếu từ các trang web khác. Chỉ cần thêm giá trị thuộc tính Tên hoặc ID vào cuối liên kết. Đừng quên thêm ký hiệu #. Lược đồ trong trường hợp này sẽ giống như sau: liên kết chính # name (id).

Kết luận

Một anchor HTML rất hữu ích và trong một số trường hợp thậm chí là một yếu tố thiết yếu. Trong bài viết tôi chỉ trình bày một ví dụ về sử dụng có hiệu quả của nó. Nhưng trên thực tế, loại dấu trang này có thể được sử dụng trong nhiều tình huống. Điều chính là hiểu được ý tưởng chính của họ.