Nguyên tắc cơ bản HTML - Liên kết và neo

• Tháng Tư 30, 2024

Bạn có thể sử dụng các liên kết để kết nối trang của mình với các trang khác hoặc thậm chí để chuyển đến các phần khác nhau của cùng một trang. Liên kết cung cấp cho trang web của bạn một chất lượng động làm cho nó khác với, ví dụ, một cuốn sách hoặc một tạp chí.

Ở cấp độ cơ bản nhất, thẻ liên kết trông như thế này:



Bất kỳ thẻ nào bắt đầu bằng 'a' chỉ ra một liên kết, nhưng có hai loại liên kết cơ bản: siêu liên kết và neo được đặt tên. Siêu liên kết là một liên kết kết nối một trang web với một trang web khác và sẽ trông giống như thế này:

Liên kết văn bản tại đây

Thông tin trong thẻ cho trình duyệt của bạn biết đây là siêu liên kết (href) kết nối với trang web 'page.html.' Văn bản bên trong các thẻ (Liên kết văn bản tại đây) là một phần của liên kết mà khách truy cập thực sự nhìn thấy và có thể nhấp vào để chuyển đến page.html. Nếu bạn đang liên kết đến một trang trên trang web của mình từ một trang nằm trong cùng một trang, bạn có thể bỏ qua thông tin tên miền. Ví dụ: nếu bạn đang tạo một liên kết trên trang của mình tại www.domain.com/home.html và liên kết được kết nối với trang đích www.domain.com/page.html, bạn có thể viết liên kết dưới dạng và bỏ qua thông tin tên miền. Nếu bạn bỏ tên miền, trình duyệt sẽ cho rằng trang đích nằm trên cùng một trang web với trang liên kết.

Neo được đặt tên (thường được gọi đơn giản là 'neo') phục vụ một mục đích khác. Như bạn có thể đã đoán được từ cái tên, một mỏ neo tạo ra một lá cờ vô hình trên trang cho biết trình duyệt của bạn sẽ hạ cánh khi bạn thiết lập một liên kết thả khách truy cập tại một điểm cụ thể trên một trang. Một mỏ neo trông như thế này:



Thông thường, một neo không giữ bất kỳ văn bản nào giữa các thẻ mở và đóng, bởi vì nó chỉ đơn giản là để đánh dấu một vị trí trên trang. Để tạo một liên kết cho phép khách truy cập nhảy đến vị trí này trên trang từ một trang khác, bạn có thể tạo một siêu liên kết như thế này:

Truy cập phần Đăng

'#' Trong liên kết cho trình duyệt biết rằng bạn đang liên kết đến một neo được đặt tên. Nếu bạn muốn tạo một siêu liên kết sẽ đưa khách truy cập đến một phần khác của cùng một trang, nó sẽ trông giống như thế này:

Truy cập phần Đăng

Một phần quan trọng khác trong siêu liên kết của bạn là thuộc tính 'đích'. Điều này cho trình duyệt biết cách hiển thị trang đích. Bạn có ba tùy chọn chính: 'target = "_ blank",' 'target = "_ self",' và 'target = "_ top".'

Đối số '_blank' sẽ mở trang được liên kết trong một cửa sổ mới. Điều này đặc biệt hữu ích khi bạn đang liên kết đến một trang web bên ngoài, vì khách truy cập có thể duyệt qua trang web mới đến nội dung trái tim của họ mà không mất vị trí của họ trên trang web của bạn. Tốt nhất là mở các tài liệu như PDF trong một cửa sổ mới, vì khách truy cập thường sẽ tự động đóng tài liệu khi họ hoàn thành nó.

Đối số '_elf' làm cho trang được liên kết thay thế trang hiện tại trong cửa sổ trình duyệt hiện có. Điều này là tốt nhất cho các liên kết trong trang web của bạn; nếu không, khách truy cập duyệt qua trang web của bạn sẽ có nhiều cửa sổ mở, điều này có thể cực kỳ khó chịu! Đây là đối số mặc định cho thuộc tính 'đích', vì vậy nếu bạn không chỉ định mục tiêu, các liên kết của bạn sẽ luôn sử dụng cửa sổ trình duyệt hiện có.

Đối số '_top' thường được sử dụng trong các trang web của bộ khung và yêu cầu trình duyệt ghi đè lên toàn bộ bộ khung, trái ngược với việc chỉ tải trang mới vào bất kỳ phần nào của bộ khung giữ liên kết ban đầu.

Video HướNg DẫN: Liên kết ion - Liên kết cộng hóa trị - Hóa 10 - Thầy Đặng Xuân Chất (Tháng Tư 2024).