Liên kết hoặc neo trên trang web
Một trong những điểm khác biệt chính giữa các trang web và các hình thức truyền thông khác là ý tưởng về "liên kết" hoặc siêu liên kết khi chúng được biết về mặt kỹ thuật trong các điều khoản thiết kế web.
Ngoài việc giúp làm cho trang web ngày nay, liên kết, cũng như hình ảnh, có thể dễ dàng phổ biến nhất khi thêm mọi thứ trên trang web. Hơn nữa, các mục này rất dễ thêm (chỉ hai thẻ HTML cơ bản ) và chúng có thể mang lại sự phấn khích và tương tác với những gì nếu không sẽ là các trang văn bản thuần túy. Trong bài viết này, bạn sẽ tìm hiểu về thẻ (anchor), là phần tử HTML thực tế sử dụng để thêm các liên kết đến các trang của trang web.
Thêm liên kết
Một liên kết được gọi là một neo trong HTML, và vì vậy thẻ để đại diện cho nó là thẻ A. Thông thường, mọi người chỉ đơn giản là tham khảo những bổ sung này là "liên kết", nhưng neo là những gì thực sự được thêm vào bất kỳ trang nào.
Khi bạn thêm liên kết, bạn phải trỏ đến địa chỉ trang web mà bạn muốn người dùng truy cập khi họ nhấp hoặc nhấn vào (nếu họ đang ở trên màn hình cảm ứng) liên kết đó. Bạn chỉ định điều này với thuộc tính.
Thuộc tính href là viết tắt của "siêu văn bản tham khảo" và mục đích của nó là để ra lệnh cho URL mà bạn muốn liên kết cụ thể để đi đến. Nếu không có thông tin này, một liên kết là vô dụng - nó sẽ cho trình duyệt biết rằng người dùng nên được mang đến đâu đó, nhưng nó sẽ không có thông tin đích có sẵn cho nơi mà "ở đâu đó" nên được. Thẻ này và thuộc tính này đi đôi với nhau.
Ví dụ: để tạo liên kết văn bản, bạn viết:
URL của trang web để truy cập "> Văn bản sẽ là liên kết
Vì vậy, để liên kết đến trang chủ About.com Web Design / HTML, bạn viết:
Giới thiệu về thiết kế web và HTML
Bạn có thể liên kết gần như mọi thứ trong trang HTML của mình, bao gồm cả hình ảnh . Chỉ cần bao quanh các phần tử hoặc thành phần HTML mà bạn muốn là một liên kết với các thẻ và . Bạn cũng có thể tạo liên kết giữ chỗ bằng cách rời khỏi thuộc tính href - nhưng chỉ cần chắc chắn quay lại và cập nhật thông tin href sau hoặc liên kết sẽ không thực sự làm bất cứ điều gì khi được truy cập.
HTML5 làm cho nó hợp lệ để liên kết các phần tử cấp khối như đoạn văn và các phần tử DIV . Bạn có thể thêm một thẻ neo xung quanh một khu vực lớn hơn nhiều, như một danh sách phân chia hoặc định nghĩa và toàn bộ khu vực đó sẽ là "có thể nhấp". Điều này có thể đặc biệt hữu ích khi cố gắng tạo các vùng hit lớn hơn, thân thiện với ngón tay trên trang web.
Một số điều cần nhớ khi thêm liên kết
- Thẻ cuối cùng là bắt buộc . Nếu bạn quên bao gồm nó, mọi thứ theo liên kết đó cũng sẽ được liên kết, cho đến khi một liên kết khác đóng thẻ.
- Hầu hết thời gian, tốt nhất là liên kết các hình ảnh đơn lẻ và các đoạn văn bản ngắn, thay vì các khối văn bản lớn. Các liên kết có thể thêm màu sắc và gạch chân kiểu cho trang của bạn có thể khó đọc. Tất nhiên, bạn có thể sử dụng CSS để thay đổi các kiểu liên kết này và chỉnh sửa màu sắc hoặc loại bỏ các gạch chân, nhưng vẫn tốt để lưu tâm đến thực tế này.
- Đảm bảo kiểm tra các liên kết của bạn để chúng không bị hỏng. Liên kết xoay có thể làm cho cả người dùng và công cụ tìm kiếm xem trang web của bạn không hợp lệ. Sử dụng trình kiểm tra liên kết thường xuyên để xác minh các liên kết trên các trang của bạn. Điều này đặc biệt đúng khi bạn liên kết đến các trang web của bên thứ ba (những trang mà bạn không quản lý) và điều này có thể thay đổi trang của họ theo thời gian, để lại cho bạn liên kết chết. Trình kiểm tra liên kết sẽ tìm thấy các liên kết đã chết này để bạn có thể thực hiện bất kỳ cập nhật cần thiết nào.
- Tránh văn bản như "nhấp vào đây" trong liên kết của bạn. Hãy nhớ rằng, những người có màn hình cảm ứng không thể "nhấp", để văn bản đó giống như một sản phẩm của thời đại quá khứ và thực sự không liên quan đến Web trung tâm đa thiết bị ngày nay.
Các loại liên kết thú vị khác
Phần tử A tạo liên kết tiêu chuẩn tới một tài liệu khác, nhưng có các loại liên kết khác mà bạn có thể quan tâm:
- Liên kết nội bộ hoặc Anchor - Đây là các liên kết đến một nơi nào đó trong một trang web, không nhất thiết phải là đầu trang.
- Bản đồ hình ảnh - Bản đồ hình ảnh cho phép tạo liên kết trên hình ảnh được ánh xạ tới các khu vực cụ thể của hình ảnh. Đây có thể được sử dụng cho các trò chơi hoặc điều hướng sáng tạo. Bạn thường thấy chúng với các bản đồ nơi có thể nhấp vào các khu vực trên bản đồ. Lưu ý rằng bản đồ hình ảnh không được sử dụng trên hầu hết các trang web hiện đại, một phần vì chúng có thể gây ra sự cố trên thiết bị di động.
- Phần tử — Phần tử này được sử dụng để liên kết các tài liệu và trang khác với tài liệu hiện tại. Nó sẽ không tạo ra một khu vực có thể nhấp trên trang web của bạn, nhưng nó rất hữu ích để hiểu.